/* --- index.html --- */
pre {
  margin: 0;
  padding: 0;
  font-size: 18px; }

.clear {
  clear: both; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

.clearfix {
  *display: inline-block; }
  .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

body.textured {
  background: #e5e5e5 url(images/space.grid.mdpi.png) repeat;
  -webkit-background-size: 8px 8px; }

html, body {
  background: transparent;
  font-family: "Droid Sans", Helvetica, sans-serif;
  font-size: 15px;
  margin: 0;
  padding: 0;
  color: white;
  -webkit-user-select: none; }

#page {
  overflow: hidden; }

.eventHandle {
  display: none; }

p {
  font-weight: bold;
  color: #d96f00; }

.button {
  font-size: 16px;
  font-weight: normal;
  color: #3e3e3e;
  height: 44px;
  margin: 20px 0;
  padding-top: 8px;
  padding-bottom: 5px;
  border-width: 0 10px;
  line-height: 14px;
  -webkit-border-image: url(images/button.gray.mdpi.png) 0 10 stretch stretch;
  -webkit-box-sizing: border-box;
  text-align: center;
  text-shadow: none;
  vertical-align: middle; }
  .button.touched {
    -webkit-border-image: url(images/button.gray.hit.mdpi.png) 0 10 stretch stretch; }
  .button.default {
    -webkit-border-image: url(images/button.green.mdpi.png) 0 10 stretch stretch;
    color: white;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
    padding-top: 10px;
    font-size: 20px;
    font-weight: bold; }
    .button.default.touched {
      -webkit-border-image: url(images/button.green.hit.mdpi.png) 0 10 stretch stretch; }
  .button.disabled {
    opacity: 0.5; }

.button_row {
  width: 100%; }
  .button_row .button_wrapper {
    width: 50%;
    float: left;
    padding: 0 5px;
    -webkit-box-sizing: border-box; }
    .button_row .button_wrapper .button {
      margin-top: 0px;
      width: 100%;
      -webkit-box-sizing: border-box; }
    .button_row .button_wrapper:first-child {
      padding-left: 0px; }
    .button_row .button_wrapper:last-child {
      padding-right: 0px; }

#header {
  height: 30px;
  margin: 0;
  padding: 0 10px 0 40px;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: white;
  text-shadow: -1px -1px 2px #cfa237;
  background-image: url(images/logo.small.mdpi.png), url(images/header_bg.mdpi.png);
  background-repeat: no-repeat, repeat-x;
  background-position: 5px 0px, top right;
  -webkit-background-size: 30px 30px, 2px 30px; }
  #header + * {
    margin-top: 0; }
  #header #home_button {
    height: 30px; }
    #header #home_button span {
      float: left; }
    #header #home_button .advice_touchable {
      float: right;
      background: url(images/letter.png) no-repeat;
      position: relative;
      background-size: 30px 23px;
      width: 30px;
      height: 23px;
      margin-top: 3px; }
      #header #home_button .advice_touchable .advice_button {
        position: absolute;
        font-size: 10px;
        text-align: center;
        right: -6px;
        top: -2px;
        width: 22px;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        font-family: arial;
        text-shadow: none;
        background: url(images/dot.png) no-repeat; }
  #header .loading {
    float: right;
    display: none; }
    #header .loading .text {
      display: none; }
    #header .loading .spinner {
      width: 18px;
      height: 18px;
      display: inline-block;
      position: relative;
      top: 2px; }

.loading {
  width: 18px;
  height: 18px;
  margin: 0 auto; }
  .loading .spinner {
    background: url(images/loading.spinner.mdpi.png) no-repeat center center;
    -webkit-background-size: 18px 18px;
    width: 18px;
    height: 18px;
    color: white;
    -webkit-animation-name: spinner;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear; }

.content {
  padding: 0 10px; }

.input_field {
  margin: 10px 0; }
  .input_field label {
    display: block;
    font-weight: normal;
    color: white;
    text-shadow: #777777 1px 1px 1px;
    margin-bottom: 4px; }
  .input_field input[type=text], .input_field input[type=password] {
    width: 100%;
    height: 42px;
    border-width: 0 10px;
    padding: 0;
    font-size: 18px;
    line-height: 18px;
    color: #3e3e3e;
    background: transparent;
    -webkit-box-sizing: border-box;
    -webkit-border-image: url(images/input.text.mdpi.png) 0 10 stretch stretch; }
  .input_field label.weibo_label {
    display: block;
    font-weight: normal;
    color: #3e3e3e;
    margin-bottom: 4px;
    padding: 0 0 0 10px;
    font-size: 18px; }
  .input_field textarea {
    width: 95%;
    margin: 0 auto;
    height: 84px;
    padding: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #3e3e3e;
    background: white;
    border-radius: 5px;
    border: 1px #cccccc solid; }
  .input_field textarea.weibo {
    width: 70%;
    height: 44px;
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #3e3e3e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ececec), color-stop(0.2, f7f7f7), to(white));
    box-shadow: inset 2px 2px 10px #dddddd;
    -moz-box-shadow: inset 2px 2px 10px #dddddd;
    -webkit-box-shadow: inset 2px 2px 10px #dddddd; }
    .input_field textarea.weibo.prompt {
      color: #888888; }

/* Overall */
#fx_warp {
  font-size: 14px;
  font-weight: bold; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: "\20";
    display: block;
    clear: both; }

#fx_warp .f_l {
  float: left; }
#fx_warp .f_r {
  float: right; }

/* Content */
.fx_content {
  padding: 10px 0;
  background: -moz-linear-gradient(top, white, #efefef);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e5e5e5));
  box-shadow: 0 2px 4px #666666; }
  .fx_content dl {
    margin: 0; }
  .fx_content dt {
    width: 44px;
    height: 44px;
    margin: 0 10px;
    padding: 0;
    float: left;
    position: relative; }
    .fx_content dt .img {
      width: 44px;
      height: 44px;
      border-radius: 4px;
      margin: 0 auto;
      background: url(images/icon.user.male.mdpi.png) no-repeat; }
    .fx_content dt .cover {
      width: 44px;
      height: 44px;
      border-radius: 4px;
      margin: 0 auto;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -22px;
      background: url(images/fx_cover.png) no-repeat;
      box-shadow: 1px 1px 1px black inset; }
  .fx_content dd {
    width: 74%;
    margin: 0;
    padding: 0;
    float: left; }
    .fx_content dd h3 {
      font-size: 16px;
      padding: 0 0 5px 0;
      margin: 0;
      color: #fe8f00;
      line-height: 24px; }
    .fx_content dd .textarea {
      background: white;
      border: 1px solid #cfcfcf;
      border-radius: 4px; }
    .fx_content dd textarea {
      width: 94%;
      height: 60px;
      max-width: 94%;
      max-height: 60px;
      overflow: hidden;
      padding: 5px;
      margin: 0;
      line-height: 20px;
      color: #333333;
      border: none;
      background: none; }

.fx_blockquote {
  position: relative;
  padding-top: 6px; }

.fx_content dd .fx_arrow {
  width: 13px;
  height: 7px;
  background: url(images/fx_arrow.png) no-repeat;
  position: absolute;
  top: 0;
  left: 40px;
  z-index: 9; }
.fx_content dd .fx_blockquotecont {
  padding: 5px;
  margin: 0;
  background: #f0f0f0;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  line-height: 20px; }
.fx_content dd .fx_fighting {
  width: 44px;
  height: 44px;
  margin-right: 10px; }
  .fx_content dd .fx_fighting .img {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    margin: 0 auto;
    background: url(images/fighting.png) no-repeat; }
.fx_content dd .fx_text {
  width: 70%;
  font-size: 12px;
  color: #666666; }
.fx_content .fx_release {
  background: -moz-linear-gradient(top, #fccd5c, #fd8a0a);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fccd5c), to(#fd8a0a));
  width: 118px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: white;
  font-size: 16px;
  font-weight: bold;
  margin: 20px auto 10px auto;
  border-radius: 4px;
  border: 1px solid #797979;
  text-shadow: 0 -1px 0 #999999; }

.inset_cell {
  padding: 10px;
  border: 1px solid #cfcfcf;
  background: #e4e4e4;
  color: #777777;
  font-size: 16px;
  min-height: 56px;
  *display: inline-block;
  background: white;
  -webkit-border-radius: 15px; }
  .inset_cell .image {
    width: 56px;
    height: 56px;
    background-image: url(images/icon.user.male.mdpi.png);
    -webkit-background-size: 56px 56px;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 12px; }
    .inset_cell .image .overlay {
      width: 56px;
      height: 56px;
      background: url(images/frame.small.mdpi.png) no-repeat;
      -webkit-background-size: 56px 56px; }
  .inset_cell .title {
    margin-top: 3px;
    color: #d97b00;
    font-size: 22px;
    font-weight: bold; }
  .inset_cell .feint_score {
    background: url(images/icon.leaf.gray.mdpi.png) no-repeat 66px center;
    -webkit-background-size: 14px 15px;
    padding: 4px 0 0 86px;
    font-size: 14px; }
  .inset_cell:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .inset_cell .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.hidden {
  display: none !important; }

.section_title, ul.cells li.section_title {
  padding: 0 10px;
  margin: 0;
  min-height: 22px;
  line-height: 22px;
  font-size: 13px;
  font-weight: bold;
  color: white;
  border-bottom: none;
  background: url(images/title_bg.mdpi.png) repeat-x left top;
  text-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px; }

ul.cells {
  padding: 0;
  margin: 0;
  list-style-type: none; }

ul.cells li, .cell {
  min-height: 56px;
  padding: 8px 10px;
  border-bottom: 1px solid #bfbfbf;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(0.2, #f5f5f5), color-stop(1, #f7f7f7)); }
  ul.cells li.touched, .cell.touched {
    padding-top: 8px;
    background: #efe0ad;
    border-bottom: 1px solid #e8d3a0; }
  ul.cells li .game_cell, .cell .game_cell {
    background: url(images/spotlight/disclosure.mdpi.png) top 8px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(0.2, #f5f5f5), color-stop(1, #f7f7f7)); }
  ul.cells li.one_line .title, .cell.one_line .title {
    line-height: 56px;
    margin: 0;
    padding: 0; }
  ul.cells li.liquid, .cell.liquid {
    height: auto; }
  ul.cells li.no_data, .cell.no_data {
    height: auto;
    padding: 20px;
    font-size: 13px;
    text-align: center; }
  ul.cells li.loading, .cell.loading {
    background: none;
    border: 0;
    width: auto;
    height: auto;
    padding: 20px; }
    ul.cells li.loading .spinner, .cell.loading .spinner {
      display: block;
      margin: 0 auto;
      padding: 0;
      height: 24px;
      width: 24px;
      -webkit-background-size: 24px 24px; }
  ul.cells li .icon, .cell .icon {
    width: 56px;
    height: 57px;
    margin: -1px 14px 0 0;
    -webkit-background-size: 56px 57px;
    background-position: center top;
    float: left; }
  ul.cells li .title, .cell .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: bold;
    margin: 9px 0 5px 0;
    color: #595959; }
  ul.cells li .ranktitle, .cell .ranktitle {
    margin: 0 0 5px 0;
    width: 245px; }
  ul.cells li .challenge_rank, .cell .challenge_rank {
    width: 160px; }
  ul.cells li .ranktitle_hack, .cell .ranktitle_hack {
    width: 180px; }
  ul.cells li .subtitle, .cell .subtitle {
    font-size: 13px;
    color: #777777;
    float: left;
    /*lbh start */
    margin: 0;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  ul.cells li .subtitle_for_game, .cell .subtitle_for_game {
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*lbh end */ }
  ul.cells li .guestsubtitle, .cell .guestsubtitle {
    float: none;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  ul.cells li .game_desc, .cell .game_desc {
    margin-left: 0px;
    width: 50%;
    float: left; }
  ul.cells li .category, .cell .category {
    float: left;
    color: #777777;
    font-size: 14px;
    /*lbh start */
    margin: 0;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*lbh end */ }

ul.tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: solid 1px #8d8d8d;
  border-bottom: solid 1px #474747;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.73, #d9d9d9), color-stop(1, #e9e9e9));
  -webkit-background-size: 1px 51px;
  display: table; }
  ul.tabs li {
    -webkit-box-sizing: border-box;
    float: left;
    padding: 0 0 0 15px;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
    background: url(images/tab.divider.mdpi.png) no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.73, #d9d9d9), color-stop(1, #e9e9e9));
    -webkit-background-size: 2px 52px, 1px 51px;
    text-align: left;
    display: inline-block; }
    ul.tabs li .label {
      display: inline-block;
      padding-left: 18px;
      font-size: 14px;
      color: #d97b00; }
    ul.tabs li.active {
      font-weight: bold;
      color: #d97b00; }
      ul.tabs li.active .label {
        background: url(images/tab.active_indicator.mdpi.png) no-repeat center left;
        -webkit-background-size: 14px 13px; }
    ul.tabs li.touched {
      background: url(images/tab.divider.mdpi.png) no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(0.73, #c5c5c5), color-stop(1, #d2d2d2));
      padding-top: 0; }
    ul.tabs li:last-child {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.73, #d9d9d9), color-stop(1, #e9e9e9));
      -webkit-background-size: 1px 51px; }
    ul.tabs li.touched:last-child {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(0.73, #c5c5c5), color-stop(1, #d2d2d2)); }
  ul.tabs li.lab_three {
    padding: 0 0 0 5px; }
    ul.tabs li.lab_three .label {
      font-size: 12px; }

/* --- intro/index --- */
#intro #header {
  height: 50px;
  margin: 0;
  padding: 0 18px 0 0;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  line-height: 46px;
  color: #4f4f4f;
  text-shadow: #e3e3e3 0px 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px 2px;
  background-image: url(images/logo.mdpi.png), url(images/header_bg.mdpi.png);
  background-repeat: no-repeat, repeat-x;
  background-position: 0px 4px, top left;
  -webkit-background-size: 210px 40px, 2px 50px; }
  #intro #header + * {
    margin-top: 0; }
  #intro #header #home_button {
    height: 50px;
    width: 150px;
    float: left; }
  #intro #header .loading {
    display: inline-block; }
    #intro #header .loading .spinner {
      background: url(images/loading.spinner.mdpi.png) no-repeat;
      color: white; }
#intro .content {
  padding: 0 20px 20px;
  color: white; }
#intro .inset_cell.user {
  margin-top: 20px; }
  #intro .inset_cell.user .avatar {
    background-image: url(images/icon.user.male.mdpi.png);
    -webkit-background-size: 56px 56px; }
#intro p {
  font-size: 18px;
  color: white; }
#intro .switch_flow p {
  color: white; }
#intro .intro_str {
  color: white;
  text-shadow: #535353 1px 1px 2px; }
#intro #forgot_password {
  float: right;
  font-size: 12px;
  text-decoration: underline;
  color: white; }
#intro #intro_index p {
  font-size: 18px;
  color: white;
  text-shadow: #535353 0px 1px 1px;
  margin-bottom: 0px; }
#intro #intro_index .button_row .button_wrapper .button {
  margin-bottom: 0; }
#intro #intro_index .loading {
  display: block;
  width: 100%;
  text-align: center;
  padding: 70px 0 0;
  -webkit-box-sizing: border-box; }
  #intro #intro_index .loading .spinner {
    display: inline-block; }
  #intro #intro_index .loading span {
    display: inline-block;
    position: relative;
    top: -4px; }
#intro .button_row {
  *display: inline-block; }
  #intro .button_row:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #intro .button_row .button_wrapper {
    *display: inline-block; }
    #intro .button_row .button_wrapper:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #intro .button_row .button_wrapper .button {
      font-size: 15px; }
#intro .features {
  display: table;
  width: 100%;
  text-align: center;
  font-size: 11px;
  color: #595959; }
  #intro .features .feature_row {
    display: table-row; }
    #intro .features .feature_row .title {
      color: white;
      text-shadow: #595959 1px 1px 1px; }
    #intro .features .feature_row .feature {
      display: table-cell;
      padding: 10px 2px; }
      #intro .features .feature_row .feature .icon {
        height: 52px;
        background: transparent center no-repeat;
        -webkit-background-size: 68px 52px; }
    #intro .features .feature_row #leaderboards .icon {
      background-image: url(images/intro.leaderboards.mdpi.png); }
    #intro .features .feature_row #friends .icon {
      background-image: url(images/intro.friends.mdpi.png); }
    #intro .features .feature_row #achievements .icon {
      background-image: url(images/intro.achievements.mdpi.png); }
    #intro .features .feature_row #games {
      display: none; }
      #intro .features .feature_row #games .icon {
        background-image: url(images/intro.games.mdpi.png); }

#intro_legal {
  width: 100%;
  margin: 0;
  padding: 5px 0 15px;
  font-size: 11px;
  font-family: helvetica, sans-serif;
  color: white; }
  #intro_legal span {
    text-decoration: underline; }

body.orientation_portrait #intro .button_row .button_wrapper .button {
  padding: 4px 0px; }

body.orientation_landscape #intro #intro_index p {
  font-size: 17px;
  margin-top: 10px; }
body.orientation_landscape #intro #intro_index .features .feature_row .feature {
  padding: 5px; }
  body.orientation_landscape #intro #intro_index .features .feature_row .feature br {
    display: none; }
body.orientation_landscape #intro #intro_index .features .feature_row #games {
  display: block; }
body.orientation_landscape #intro #intro_index #submit, body.orientation_landscape #intro #intro_index .input_field {
  margin: 10px 0; }
body.orientation_landscape #intro #intro_index .button br {
  display: none; }

/* --- intro/tos --- */
#terms_of_service h1 {
  color: #d97b00;
  font-size: 18px; }
#terms_of_service h2 {
  font-size: 14px;
  color: #595959; }
#terms_of_service p, #terms_of_service ol li {
  font-size: 13px;
  color: #595959;
  font-weight: normal; }
#terms_of_service ol {
  padding-left: 20px; }
  #terms_of_service ol li {
    margin-top: 10px; }
    #terms_of_service ol li ol {
      list-style-type: lower-alpha; }
#terms_of_service strong {
  color: #d97b00; }

#intro_login #submit {
  margin-top: 27px; }

#signup #submit {
  margin-top: 27px; }

.user_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 20px; }

#leaderboard .truncate {
  float: left; }

/* --- dashboard/user --- */
#user_profile #header {
  height: 50px;
  margin: 0;
  padding: 0 18px 0 0;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  line-height: 46px;
  color: #4f4f4f;
  text-shadow: #e3e3e3 0px 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px 2px;
  background-image: url(images/logo.mdpi.png), url(images/header_bg.mdpi.png);
  background-repeat: no-repeat, repeat-x;
  background-position: 0px 4px, top left;
  -webkit-background-size: 210px 40px, 2px 50px; }
  #user_profile #header + * {
    margin-top: 0; }
  #user_profile #header #home_button {
    height: 50px;
    width: 150px;
    float: left; }
  #user_profile #header .loading {
    display: inline-block; }
    #user_profile #header .loading .spinner {
      background: url(images/loading.spinner.mdpi.png) no-repeat;
      color: white; }
#user_profile #GuestForm {
  color: #535353; }
#user_profile .submit_guest {
  float: right; }
#user_profile #unapproved {
  padding: 5px;
  font-size: 10px;
  background-color: #888888;
  color: white;
  text-align: center; }
#user_profile #info_cell {
  background: #7c7c7c;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  background-image: url(images/userinfo.png);
  background-repeat: repeat -x;
  margin: 0;
  padding: 10px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
  font-size: 14px; }
  #user_profile #info_cell .loading {
    width: 100%;
    float: none;
    margin: 0 0 -80px 0px;
    border-left: 94px solid transparent;
    height: 80px;
    -webkit-box-sizing: border-box;
    text-align: center; }
    #user_profile #info_cell .loading .spinner {
      display: inline-block;
      background-image: url(images/loading.spinner.light.mdpi.png);
      width: 24px;
      height: 24px;
      -webkit-background-size: 24px 24px;
      padding: 28px 0;
      color: white; }
  #user_profile #info_cell .avatar_with_experience {
    float: left;
    width: 82px;
    height: 110px;
    background: white;
    border-radius: 5px;
    padding: 5px; }
  #user_profile #info_cell .avatar {
    background: white url(images/icon.user.male.large.mdpi.png) no-repeat;
    -webkit-background-size: 76px 76px;
    margin: 0 10px 0 0;
    width: 76px;
    height: 76px;
    float: left;
    border: 3px solid white;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }
  #user_profile #info_cell .user_score {
    background: url(images/icon.leaf.white.mdpi.png) no-repeat 92px center;
    -webkit-background-size: 16px 17px;
    padding-left: 112px;
    padding-top: 1px;
    height: 37px;
    line-height: 38px;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px; }
#user_profile ul.cells li .title {
  font-size: 20px;
  margin-left: 45px; }
#user_profile ul.cells li .daily_title {
  margin-left: 0; }
#user_profile ul.cells li .hot_game_name {
  font-size: 15px; }
#user_profile ul.cells li#leaderboards .icon {
  background-image: url(images/icon.leaderboard.mdpi.png); }
#user_profile ul.cells li#setting .icon {
  background-image: url(images/icon.personalsetting.mdpi.png); }
#user_profile ul.cells li#achievements .icon {
  background-image: url(images/icon.achievement.mdpi.png); }
#user_profile ul.cells li#games .icon {
  background-image: url(images/icon.game.mdpi.png); }
#user_profile ul.cells li#friends .icon {
  background-image: url(images/icon.friends.mdpi.png); }
#user_profile ul.cells li#guests .icon {
  background-image: url(images/icon.Dialog.mdpi.png); }
#user_profile ul.cells li#challenge .icon {
  background-image: url(images/icon.Challenge.mdpi.png); }
#user_profile ul.cells li#mobile_activity .icon {
  background-image: url(images/icon.mm.mdpi.png); }

#status-form {
  color: #333333;
  padding-top: 20px; }
  #status-form .input_field {
    width: 95%;
    margin: 0 auto;
    clear: both; }
    #status-form .input_field .status_label {
      color: white;
      padding-bottom: 15px; }
    #status-form .input_field #status_text_input {
      height: 120px;
      background: white;
      -webkit-border-image: none;
      -webkit-box-sizing: inherit;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-width: 0;
      width: 98%;
      padding: 1%;
      float: left;
      margin-bottom: 15px;
      font-size: 14px; }

.emotics {
  width: 36px;
  height: 36px;
  display: block;
  float: left;
  margin: 15px 10px; }

.img1 {
  background: url(images/emotic1.png) no-repeat;
  -webkit-background-size: 36px 36px; }

.img2 {
  background: url(images/emotic2.png) no-repeat;
  -webkit-background-size: 36px 36px; }

.img3 {
  background: url(images/emotic3.png) no-repeat;
  -webkit-background-size: 36px 36px; }

.img4 {
  background: url(images/emotic4.png) no-repeat;
  -webkit-background-size: 36px 36px; }

.img5 {
  background: url(images/emotic5.png) no-repeat;
  -webkit-background-size: 36px 36px; }

.img6 {
  background: url(images/emotic6.png) no-repeat;
  -webkit-background-size: 36px 36px; }

.emotics_btn_layout {
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  .emotics_btn_layout .emotics_btn {
    font-size: 16px;
    font-weight: normal;
    color: white;
    width: 90%;
    height: 50px;
    margin: 20px auto;
    padding: 5px 0;
    border-width: 0;
    line-height: 50px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fccd5c), to(#fd9014));
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    box-sizing: border-box; }

#emotics {
  height: auto;
  clear: both;
  padding: 5px 0 5px 10px;
  background: url(images/black_bg.png) repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 100%;
  display: table;
  float: left; }

#footer {
  background: url(images/footer_logo.mdpi.png) 96% bottom no-repeat;
  float: right;
  margin: 10px 0px 100px 30px;
  position: relative;
  width: 100%;
  height: 30px; }

body.android #main_loader {
  margin: 10px auto; }
body.android #user_profile #info_cell .avatar {
  -webkit-box-shadow: none;
  -webkit-border-radius: 10px;
  border: 0;
  width: 82px;
  height: 82px;
  background-position: 3px 3px !important; }
  body.android #user_profile #info_cell .avatar .overlay {
    -webkit-box-sizing: border-box;
    height: 82px;
    -webkit-border-image: url(images/frame.profile.mdpi.png) 14 14 stretch stretch;
    border: 14px; }
body.android #user_profile #info_cell .button {
  width: 150px;
  max-height: 44px;
  height: 40px;
  padding: 0;
  margin: 10px 0 0 90px;
  line-height: 40px;
  display: inline-block; }

#user_profile.other_user #info_cell .user_score {
  height: 18px;
  line-height: 18px; }

#game_store_container .item {
  height: 78px; }
#game_store_container .icon {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 6px;
  margin-top: 10px;
  position: relative; }
#game_store_container .hot {
  width: 30px;
  height: 30px;
  background: url(images/icon_hot.png) left top no-repeat;
  position: absolute;
  left: -8px;
  top: -6px; }
#game_store_container .free {
  width: 30px;
  height: 30px;
  background: url(images/icon_free.png) left top no-repeat;
  position: absolute;
  left: -8px;
  top: -6px; }
#game_store_container .the9_gamestore_icon {
  background: url(images/the9_gamestore_icon.png) left top no-repeat; }
#game_store_container .hot_hidden {
  display: none; }
#game_store_container .featured {
  width: 30px;
  height: 30px;
  background: url(images/icon_featured.png) left top no-repeat;
  position: absolute;
  left: -8px;
  top: -6px; }
#game_store_container .text {
  float: left;
  margin-left: 8px;
  margin-top: 20px;
  background-color: transparent; }
#game_store_container .normal {
  background: url(images/item_bg.png) left top repeat-x transparent;
  padding-left: 6px;
  padding-right: 6px; }
#game_store_container .normal .itemtitle {
  font-size: 18px;
  color: #098f50;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; }
#game_store_container .normal .version {
  font-size: 12px;
  color: #838385;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; }
#game_store_container .btn {
  float: right;
  margin-right: 2px;
  margin-top: 7px; }
#game_store_container .btn .prices {
  width: 55px;
  height: 18px;
  line-height: 18px;
  background: url(images/bg_price.png) left top no-repeat;
  font-size: 12px;
  color: #838385;
  text-align: center;
  float: right;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; }
#game_store_container .btn .prices_hidden {
  visibility: hidden; }
#game_store_container .btn .download_game {
  display: block;
  width: 98px;
  height: 34px;
  background: url(images/button_enter02.png) left top no-repeat;
  margin-top: 9px;
  clear: right;
  float: right; }
#game_store_container .btn .download_store {
  display: block;
  width: 98px;
  height: 34px;
  background: url(images/button_enter01.png) left top no-repeat;
  margin-top: 9px;
  clear: right;
  float: right; }
#game_store_container .btn .enter_store {
  display: block;
  width: 98px;
  height: 34px;
  background: url(images/button_enter03.png) left top no-repeat;
  margin-top: 9px;
  clear: right;
  float: right; }
#game_store_container .recommend {
  border-width: 5px 6px;
  -webkit-border-image: url(images/bg_featured.png) 5 6 repeat repeat;
  -moz-border-image: url(images/bg_featured.png) 5 6 repeat repeat;
  -o-border-image: url(images/bg_featured.png) 5 6 repeat repeat;
  -khtml-border-image: url(images/bg_featured.png) 5 6 repeat repeat;
  border-image: url(images/bg_featured.png) 5 6 repeat repeat; }
#game_store_container .recommend .itemtitle {
  font-size: 18px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; }
#game_store_container .recommend .version {
  font-size: 18px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; }

#spotlight #wrapper {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fd8001), color-stop(0, #fcd24e));
  -webkit-background-size: 320px 39px;
  height: 39px; }
#spotlight header.feint_spotlight, #spotlight .header.feint_spotlight {
  background-image: url(images/circles.mdpi.png);
  -webkit-background-size: 320px 39px;
  height: 39px; }
  #spotlight header.feint_spotlight h1, #spotlight .header.feint_spotlight h1 {
    margin-top: 4px;
    -webkit-background-size: 130px 32px;
    width: 130px;
    height: 32px; }
  #spotlight header.feint_spotlight .home_h1, #spotlight .header.feint_spotlight .home_h1 {
    background: url(images/feint_spotlight.mdpi.png) no-repeat; }
  #spotlight header.feint_spotlight .new_h1, #spotlight .header.feint_spotlight .new_h1 {
    background: url(images/feint_spotlight_new.mdpi.png) no-repeat; }
  #spotlight header.feint_spotlight .hot_h1, #spotlight .header.feint_spotlight .hot_h1 {
    background: url(images/feint_spotlight_hot.mdpi.png) no-repeat; }
  #spotlight header.feint_spotlight .tegra_h1, #spotlight .header.feint_spotlight .tegra_h1 {
    background: url(images/feint_spotlight_tegra.mdpi.png) no-repeat; }
#spotlight hr {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  background: #c2c2c2;
  border: none; }
#spotlight header, #spotlight .header {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d7d7d7), color-stop(1, #c9c9c9));
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #a4a4a4;
  height: 18px;
  padding-left: 10px;
  padding-right: 10px; }
  #spotlight header h2, #spotlight .header h2 {
    color: #595959;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    height: auto;
    text-shadow: 0px 1px 2px #eaeaea; }
#spotlight #game_details #buy {
  float: right;
  margin: 0px;
  padding-top: 3px; }
#spotlight #game_details #share_banner {
  background: url(images/games.share.mdpi.png) no-repeat top left;
  background-size: 100% auto;
  width: 98%;
  height: auto;
  padding: 0;
  min-height: 42px; }
#spotlight #game_details #game_info .title {
  color: #d97b00; }
#spotlight #game_details .game_description {
  font-size: 13px;
  color: #595959;
  font-family: Tahoma, sans-serif;
  font-weight: normal; }
#spotlight #game_details #screenshots #main {
  text-align: center; }
  #spotlight #game_details #screenshots #main img {
    border: 1px solid silver;
    max-width: 280px;
    max-height: 320px; }
#spotlight #game_details #thumbnails {
  padding: 10px 0 5px 0;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  list-style-type: none; }
  #spotlight #game_details #thumbnails .thumbnail, #spotlight #game_details #thumbnails li {
    margin: 0 5px;
    width: 25%;
    position: relative; }
    #spotlight #game_details #thumbnails .thumbnail img, #spotlight #game_details #thumbnails li img {
      width: 100%;
      border: 1px solid silver; }
  #spotlight #game_details #thumbnails .youtube {
    background: url(images/icon.play.mdpi.png) no-repeat center center;
    -webkit-background-size: 31px 31px;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0px;
    left: 0px; }
  #spotlight #game_details #thumbnails .touched {
    opacity: 0.5 !important; }
#spotlight #more_great_games article img, #spotlight #more_great_games .article img, #spotlight #coming_soon article img, #spotlight #coming_soon .article img {
  width: 63px;
  height: 63px; }
#spotlight #games_list article img, #spotlight #games_list .article img {
  width: 56px;
  height: 56px; }
#spotlight #games_list article p, #spotlight #games_list .article p {
  margin-left: 66px; }
#spotlight #spotlight_home .leaf {
  background: url(images/spotlight/icon.spotlight.mdpi.png) no-repeat;
  float: left; }
#spotlight #spotlight_home .banner {
  position: relative; }
  #spotlight #spotlight_home .banner .img, #spotlight #spotlight_home .banner .frame {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px; }
  #spotlight #spotlight_home .banner .frame {
    z-index: 5; }
#spotlight article#featured_game, #spotlight .article#featured_game {
  padding-top: 13px;
  height: auto;
  border: none;
  min-height: 95px; }
  #spotlight article#featured_game .banner, #spotlight .article#featured_game .banner {
    float: left; }
    #spotlight article#featured_game .banner, #spotlight article#featured_game .banner .img, #spotlight article#featured_game .banner .frame, #spotlight .article#featured_game .banner, #spotlight .article#featured_game .banner .img, #spotlight .article#featured_game .banner .frame {
      width: 140px;
      height: 89px;
      -webkit-background-size: 140px 89px; }
    #spotlight article#featured_game .banner img, #spotlight article#featured_game .banner .img, #spotlight .article#featured_game .banner img, #spotlight .article#featured_game .banner .img {
      height: 89px; }
    #spotlight article#featured_game .banner .frame, #spotlight .article#featured_game .banner .frame {
      background: url(images/frame.large_feature.mdpi.png) no-repeat top left;
      -webkit-background-size: 140px 89px; }
  #spotlight article#featured_game p, #spotlight .article#featured_game p {
    max-width: 140px;
    margin-bottom: 0; }
  #spotlight article#featured_game span.small_button, #spotlight .article#featured_game span.small_button {
    left: 271px;
    top: 108px;
    bottom: auto; }
#spotlight article, #spotlight .article {
  position: relative;
  padding: 7px 10px;
  min-height: 65px;
  border-bottom: 1px solid #c2c2c2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f3f3f3));
  clear: left; }
  #spotlight article.touched, #spotlight .article.touched {
    background: #d9d9d9; }
  #spotlight article > img, #spotlight article > .img, #spotlight .article > img, #spotlight .article > .img {
    float: left;
    margin-right: 10px; }
  #spotlight article .banner, #spotlight .article .banner {
    float: left;
    margin-right: 10px; }
    #spotlight article .banner, #spotlight article .banner .frame, #spotlight .article .banner, #spotlight .article .banner .frame {
      width: 64px;
      height: 64px;
      background-size: 50px 50px;
      -webkit-background-size: 50px 50px; }
    #spotlight article .banner img, #spotlight article .banner .img, #spotlight .article .banner img, #spotlight .article .banner .img {
      width: 63px;
      height: 63px;
      -webkit-background-size: 64px 64px; }
    #spotlight article .banner .frame, #spotlight .article .banner .frame {
      background: url(images/frame.small_feature.mdpi.png) no-repeat top left;
      -webkit-background-size: 64px 64px; }
  #spotlight article img, #spotlight article .img, #spotlight .article img, #spotlight .article .img {
    -webkit-border-radius: 10px; }
  #spotlight article h3, #spotlight article h4, #spotlight .article h3, #spotlight .article h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #f68500;
    font-weight: bold;
    margin: 0 0 1px 0; }
  #spotlight article h3, #spotlight .article h3 {
    margin: 5px 0 5px 0; }
  #spotlight article h5, #spotlight .article h5 {
    float: left;
    font-size: 13px;
    color: #f68500;
    margin: 0;
    width: 50%; }
  #spotlight article p, #spotlight .article p {
    font-size: 12px;
    color: #777777;
    font-weight: normal;
    margin: 0 35px 5px 0;
    line-height: 14px; }
  #spotlight article p.game_description, #spotlight .article p.game_description {
    float: left;
    width: 55%;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 12px;
    color: white; }
  #spotlight article p.index_rating_count, #spotlight .article p.index_rating_count {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    margin: 0; }
  #spotlight article span.small_button, #spotlight .article span.small_button {
    color: #595959;
    height: 44px;
    border-width: 0 10px;
    -webkit-border-image: url(images/button.gray_price.mdpi.png) 0 3 stretch stretch;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 2px 3px 2px 3px;
    height: auto;
    border-width: medium;
    position: absolute;
    top: 50px;
    right: 6px; }
#spotlight .special_msg {
  height: auto;
  min-height: 0;
  padding: 20px 10px;
  font-size: 13px;
  color: #f68500;
  font-weight: bold;
  margin: 0;
  position: relative; }
  #spotlight .special_msg .more_arrow {
    background: url(images/spotlight/disclosure.mdpi.png) center no-repeat;
    width: 18px;
    height: 26px;
    position: absolute;
    top: 15px;
    right: 10px; }
#spotlight .game_item {
  background: url(images/spotlight/arrow.png) #f3f3f3 98% center no-repeat; }
#spotlight #launch_feint {
  position: relative; }
  #spotlight #launch_feint .more_arrow {
    background: url(images/spotlight/disclosure.mdpi.png) center no-repeat;
    width: 18px;
    height: 26px;
    position: absolute;
    top: 25px;
    right: 10px; }

h3.tianyi_title {
  margin: 0;
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ececec), color-stop(0.2, whiteSmoke), to(#f7f7f7));
  min-height: 30px;
  padding-top: 8px;
  line-height: 18px; }

/* --- dashboard/achievements --- */
#achievements ul.cells li .icon {
  height: 56px;
  -webkit-border-radius: 12px;
  -webkit-background-size: 56px 56px; }
  #achievements ul.cells li .icon .overlay {
    width: 56px;
    height: 56px;
    background: url(images/frame.small.mdpi.png) no-repeat;
    -webkit-background-size: 56px 56px; }
#achievements ul.cells li .title {
  margin-top: 0px;
  font-size: 16px;
  color: #d97b00; }
#achievements ul.cells li .subtitle {
  font-size: 13px;
  padding-left: 70px;
  margin-right: 40px;
  /*lbh */
  float: none; }
#achievements ul.cells li .subtitle_hack {
  width: auto;
  margin-right: 10px;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  padding: 0; }
#achievements ul.cells li .percent_complete {
  height: 11px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bababa), to(#dddddd));
  border: 1px solid #a2a2a2;
  -webkit-border-radius: 5px;
  position: relative;
  top: -30px;
  clear: left;
  margin: 0px 40px -28px 70px; }
  #achievements ul.cells li .percent_complete .ach_bar_percentage {
    height: 11px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24971a), to(#1d7f15));
    float: left; }
  #achievements ul.cells li .percent_complete .percentage_ammount {
    position: absolute;
    top: -9px;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 5px;
    background: white;
    font-size: 11px;
    text-align: center;
    margin-left: -12px;
    padding: 0 2px; }
#achievements ul.cells li .gamerscore {
  text-align: right;
  float: right;
  color: #535353;
  display: inline-block;
  padding-top: 24px;
  font-size: 14px;
  font-weight: bold;
  margin: 8px 0 0 10px;
  padding-right: 2px;
  min-width: 25px;
  background: url(images/icon.achievement.gamerscore_coin.mdpi.png) no-repeat top right;
  -webkit-background-size: 21px 21px; }
#achievements ul.cells li.unlocked .icon {
  background-image: url(images/icon.achievement.unlocked.mdpi.png); }
#achievements ul.cells li.locked .icon {
  background-image: url(images/icon.achievement.locked.mdpi.png); }
#achievements .achievement_gamerscore_exp {
  text-align: left;
  float: left;
  color: #535353;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding-right: 35px;
  min-width: 25px;
  background: url(images/exp.png) no-repeat -4px right;
  -webkit-background-size: 25px 25px; }

/* --- dashboard/games --- */
#games ul.cells li .icon {
  -webkit-border-radius: 10px;
  background-image: url(images/icon.game.mdpi.png); }
#games ul.cells li .title {
  color: #d96f00; }
#games ul.cells li#share_banner.icon {
  background: url(images/game.share.mdpi.png) no-repeat top left;
  background-size: 100% 44px;
  padding: 0;
  min-height: 44px; }
#games ul.cells li.load_more {
  color: #d96f00;
  text-align: center;
  min-height: 26px; }
#games ul.cells li.game_description {
  font-size: 13px;
  color: #595959;
  font-family: Tahoma, sans-serif;
  font-weight: normal; }
#games #game_info #game_title_area {
  min-height: 68px; }
#games #game_info .title {
  font-size: 18px;
  color: #d96f00; }
#games #game_info #buy.button {
  padding-top: 6px;
  font-size: 16px;
  min-width: 76px;
  margin: 0;
  line-height: 33px; }
  #games #game_info #buy.button .price {
    display: inline; }
#games ul.huodong_cells li {
  min-height: 30px; }
  #games ul.huodong_cells li #game_title_area {
    min-height: 56px; }
    #games ul.huodong_cells li #game_title_area .icon {
      background: url(images/icon.zhuhaidaren_leaderboard.jpg) no-repeat; }
    #games ul.huodong_cells li #game_title_area .title {
      line-height: 56px;
      margin: 0; }
  #games ul.huodong_cells li #set_name.title {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0; }
  #games ul.huodong_cells li span#set_name_button.button {
    float: right;
    height: auto;
    margin: 0;
    line-height: 30px;
    padding: 0; }
  #games ul.huodong_cells li #set_phone.title {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0; }
  #games ul.huodong_cells li span#set_phone_button.button {
    float: right;
    height: auto;
    margin: 0;
    line-height: 30px;
    padding: 0; }
#games ul.huodong_cells #set_status {
  padding: 2px 6px 0px 8px; }
#games ul.huodong_cells .section_title {
  background: url(images/huodong_titlebg1.png) repeat-x;
  height: 33px;
  line-height: 33px;
  font-size: 14px; }
#games ul.huodong_cells .section_title2 {
  background: url(images/huodong_titlebg2.png) repeat-x; }
#games ul.huodong_cells .introduce_content {
  padding: 5px 15px;
  line-height: 24px;
  font-size: 12px; }
  #games ul.huodong_cells .introduce_content p {
    margin: 0;
    text-indent: 2em;
    color: #333333;
    font-weight: normal; }
  #games ul.huodong_cells .introduce_content #mobile_submit {
    background: url(images/huodong_btn1.png) no-repeat;
    max-width: 92%;
    min-width: 280px;
    height: 70px;
    background-size: 100% 70px;
    margin: 0 auto;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: white; }
  #games ul.huodong_cells .introduce_content #mobile_submit.mobile_submit2 {
    font-size: 12px;
    height: 50px;
    line-height: 25px;
    padding: 10px 5px; }
#games .button.disabled {
  padding-top: 14px !important; }
#games #screenshots {
  padding: 8px; }

#games #screenshots #main {
  -webkit-background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  height: 320px;
  border: 1px solid silver; }
  #games #screenshots #main.landscape {
    padding: 0;
    -webkit-background-size: 100% auto; }
  #games #screenshots #main.portrait {
    padding: 0 10px; }
  #games #screenshots #main .loading {
    width: 100%;
    text-align: center; }
    #games #screenshots #main .loading .spinner {
      display: inline-block;
      margin: 40px;
      width: 24px;
      height: 24px;
      -webkit-background-size: 24px 24px; }
#games #screenshots #thumbnails {
  padding: 10px 0 5px 0;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  list-style-type: none; }
  #games #screenshots #thumbnails .thumbnail, #games #screenshots #thumbnails li {
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    width: 25%;
    position: relative; }
    #games #screenshots #thumbnails .thumbnail.touched, #games #screenshots #thumbnails li.touched {
      opacity: 0.5; }
    #games #screenshots #thumbnails .thumbnail img, #games #screenshots #thumbnails li img {
      width: 100%;
      border: 1px solid silver; }
    #games #screenshots #thumbnails .thumbnail .movie_play_overlay, #games #screenshots #thumbnails li .movie_play_overlay {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(images/icon.play.mdpi.png) no-repeat center center;
      -webkit-background-size: 30px 30px; }

body.orientation_landscape #games #screenshots #main {
  width: 76%;
  -webkit-box-sizing: border-box;
  float: left;
  height: 280px; }
body.orientation_landscape #games #screenshots #thumbnails {
  display: block;
  height: 280px;
  width: auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  float: left; }
  body.orientation_landscape #games #screenshots #thumbnails .thumbnail, body.orientation_landscape #games #screenshots #thumbnails li {
    display: block;
    float: none;
    position: relative;
    width: auto;
    height: 60px;
    padding: 5px; }
    body.orientation_landscape #games #screenshots #thumbnails .thumbnail img, body.orientation_landscape #games #screenshots #thumbnails li img {
      width: auto;
      height: 100%; }

/* --- dashboard/leaderboards, dashboard/leaderboard --- */
#leaderboards ul.cells li .icon, #leaderboard ul.cells li .icon, #challenge ul.cells li .icon {
  background-image: url(images/icon.leaderboard.mdpi.png);
  -webkit-border-radius: 12px;
  height: 56px; }
#leaderboards ul.cells li .tianyi_icon, #leaderboard ul.cells li .tianyi_icon, #challenge ul.cells li .tianyi_icon {
  background-image: url(images/icon.tianyi_leaderboard.mdpi.png);
  -webkit-border-radius: 12px;
  height: 56px;
  width: 56px;
  margin: -1px 14px 0 0;
  -webkit-background-size: 56px 57px;
  background-position: center top;
  float: left; }
#leaderboards ul.cells li .zhuhaidaren_icon, #leaderboard ul.cells li .zhuhaidaren_icon, #challenge ul.cells li .zhuhaidaren_icon {
  background-image: url(images/icon.zhuhaidaren_leaderboard.jpg);
  -webkit-border-radius: 12px;
  height: 56px;
  width: 56px;
  margin: -1px 14px 0 0;
  -webkit-background-size: 56px 57px;
  background-position: center top;
  float: left; }
#leaderboards ul.cells li .title, #leaderboard ul.cells li .title, #challenge ul.cells li .title {
  font-size: 18px;
  color: #d97b00;
  float: left;
  width: 55%; }
  #leaderboards ul.cells li .title .rank, #leaderboard ul.cells li .title .rank, #challenge ul.cells li .title .rank {
    color: #595959; }
    #leaderboards ul.cells li .title .rank:after, #leaderboard ul.cells li .title .rank:after, #challenge ul.cells li .title .rank:after {
      content: ". "; }
#leaderboards ul.cells li .subtitle, #leaderboard ul.cells li .subtitle, #challenge ul.cells li .subtitle {
  font-weight: bold;
  font-size: 16px; }
#leaderboards ul.cells .high_score_blob_icon, #leaderboard ul.cells .high_score_blob_icon, #challenge ul.cells .high_score_blob_icon {
  float: right;
  min-height: 82px;
  margin-right: 0px;
  margin-top: -99px; }
  #leaderboards ul.cells .high_score_blob_icon .button, #leaderboard ul.cells .high_score_blob_icon .button, #challenge ul.cells .high_score_blob_icon .button {
    margin-top: 6px;
    width: 48px;
    height: 48px;
    padding: 6px;
      padding-right: 36px;
      padding-left: 0px; }
  #leaderboards ul.cells .high_score_blob_icon .icon, #leaderboard ul.cells .high_score_blob_icon .icon, #challenge ul.cells .high_score_blob_icon .icon {
    margin-right: 6px;
    background: url(images/replay.mdpi.png) no-repeat !important;
    -webkit-background-size: 37px 37px;
    -webkit-border-radius: 0px; }
#leaderboards ul.scores li.high_score, #leaderboard ul.scores li.high_score, #challenge ul.scores li.high_score {
  height: 82px; }
  #leaderboards ul.scores li.high_score .icon, #leaderboard ul.scores li.high_score .icon, #challenge ul.scores li.high_score .icon {
    background-image: url(images/icon.user.male.mdpi.png); }
    #leaderboards ul.scores li.high_score .icon .overlay, #leaderboard ul.scores li.high_score .icon .overlay, #challenge ul.scores li.high_score .icon .overlay {
      width: 56px;
      height: 70px;
      background: url(images/frame.small.mdpi.png) no-repeat;
      -webkit-background-size: 56px 56px; }
    #leaderboards ul.scores li.high_score .icon .share_text, #leaderboard ul.scores li.high_score .icon .share_text, #challenge ul.scores li.high_score .icon .share_text {
      width: 56px;
      height: 22px;
      background: -webkit-gradient(linear, left top, left bottom, from(#fccd5c), to(#fd9014));
      color: white;
      font-size: 13px; }
  #leaderboards ul.scores li.high_score .title, #leaderboard ul.scores li.high_score .title, #challenge ul.scores li.high_score .title {
    width: 75%;
    float: left; }
  #leaderboards ul.scores li.high_score .subtitle, #leaderboard ul.scores li.high_score .subtitle, #challenge ul.scores li.high_score .subtitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 74%;
    float: left; }
  #leaderboards ul.scores li.high_score .share_button, #leaderboard ul.scores li.high_score .share_button, #challenge ul.scores li.high_score .share_button {
    padding-top: 15px;
    float: right;
    background-position: left bottom; }

#time_frame li {
  width: 33%; }
  #time_frame li:last-child {
    width: 34%;
    padding-right: 10px; }

#shareto #weibo_share .icon {
  background: url(images/icon_weibo_large.mdpi.png) no-repeat !important;
  -webkit-background-size: 56px 56px; }
#shareto #tencent_share .icon {
  background: url(images/icon_tx_large.mdpi.png) no-repeat !important;
  -webkit-background-size: 56px 56px; }
#shareto .snstitle {
  font-size: 18px;
  color: #d97b00;
  vertical-align: middle;
  line-height: 36px; }

.share_button {
  background: url(images/icon.share_icon.png) no-repeat;
  width: 43px;
  height: 43px;
  float: right; }

#weibo_username {
  color: #d97b00; }

/* ===== dhasboard/guests ===== */
#guest_book {
  color: #535353;
  background-color: #fbfbfb; }
  #guest_book .input_field label {
    color: #535353; }
  #guest_book .load_more {
    font-size: 20px;
    text-align: center; }
  #guest_book li .title {
    color: #d97b00; }
  #guest_book .cell .title {
    font-size: 18px;
    color: #d97b00;
    vertical-align: middle;
    line-height: 56px; }
  #guest_book .cell .snstitle {
    font-size: 18px;
    color: #d97b00;
    vertical-align: middle;
    line-height: 36px; }
  #guest_book .cell .subtitle {
    float: left;
    font-size: 12px;
    color: #535353; }
  #guest_book form {
    padding: 0 20px 0 10px; }
  #guest_book li.user {
    padding: 10px;
    border: 1px solid #cfcfcf;
    background: #e4e4e4;
    color: #777777;
    font-size: 16px;
    min-height: 56px;
    background: #fbfbfb;
    border: 0;
    border-bottom: 1px solid #c2c2c2; }
    #guest_book li.user .image {
      width: 56px;
      height: 56px;
      background-image: url(images/icon.user.male.mdpi.png);
      -webkit-background-size: 56px 56px;
      float: left;
      margin-right: 10px;
      -webkit-border-radius: 12px; }
      #guest_book li.user .image .overlay {
        width: 56px;
        height: 56px;
        background: url(images/frame.small.mdpi.png) no-repeat;
        -webkit-background-size: 56px 56px; }
    #guest_book li.user .title {
      margin-top: 3px;
      color: #d97b00;
      font-size: 22px;
      font-weight: bold; }
    #guest_book li.user .feint_score {
      background: url(images/icon.leaf.gray.mdpi.png) no-repeat 66px center;
      -webkit-background-size: 14px 15px;
      padding: 4px 0 0 86px;
      font-size: 14px; }
    #guest_book li.user.touched {
      padding-top: 8px;
      background: #efe0ad;
      border-bottom: 1px solid #e8d3a0; }
    #guest_book li.user .title {
      font-size: 15px;
      color: #d97b00; }
    #guest_book li.user .message {
      font-size: 13px;
      color: #535353;
      margin-left: 70px;
      word-wrap: break-word;
      table-layout: fixed;
      overflow: hidden;
      text-overflow: ellipsis; }
    #guest_book li.user .private {
      background: url(images/lock.png) no-repeat;
      padding-left: 17px; }
    #guest_book li.user .datetime {
      font-size: 11px;
      color: #535353;
      margin-left: 70px; }
    #guest_book li.user .avatar {
      background: url(images/icon.user.male.mdpi.png); }
    #guest_book li.user .reply {
      background: url(images/reply.png) no-repeat;
      width: 27px;
      height: 26px;
      border: none;
      text-indent: -300px;
      -webkit-background-size: 15px 15px;
      float: right; }
    #guest_book li.user .delete {
      background: url(images/delete.png) no-repeat;
      width: 27px;
      height: 26px;
      border: none;
      text-indent: -300px;
      -webkit-background-size: 15px 15px;
      float: right; }

/* --- dashboard/friends --- */
#friends li .title {
  color: #d97b00; }
#friends .cell .title {
  font-size: 18px;
  color: #d97b00;
  vertical-align: middle;
  line-height: 56px; }
#friends .cell .snstitle {
  font-size: 18px;
  color: #d97b00;
  vertical-align: middle;
  line-height: 36px; }
#friends .cell .subtitle {
  float: left;
  font-size: 12px;
  color: #535353; }
#friends #find_friends .icon {
  background: url(images/icon.search.mdpi.png) no-repeat; }
#friends #requests .icon {
  background: url(images/icon.friend.mdpi.png) no-repeat; }
#friends #friends_list .no_data {
  color: #535353; }
#friends #facebook_search .icon {
  background: url(images/icon_weibo_large.mdpi.png) no-repeat !important;
  -webkit-background-size: 56px 56px; }
#friends #renren_search .icon {
  background: url(images/icon_renren_large.mdpi.png) no-repeat !important;
  -webkit-background-size: 56px 56px; }
#friends #tencent_search .icon {
  background: url(images/icon_tx_large.mdpi.png) no-repeat !important;
  -webkit-background-size: 56px 56px; }
#friends #fb_friend_count_bar .icon {
  -webkit-background-size: 56px 56px; }
#friends #fb_friend_count_bar .cell div.content {
  padding-top: 20px; }
  #friends #fb_friend_count_bar .cell div.content #weibo_friends_count {
    color: #535353; }
#friends #rr_friend_count_bar .icon {
  background: url(images/icon_renren_large.mdpi.png) no-repeat !important;
  -webkit-background-size: 56px 56px; }
#friends #rr_friend_count_bar .cell div.content {
  padding-top: 20px; }
  #friends #rr_friend_count_bar .cell div.content #weibo_friends_count {
    color: #535353; }
#friends #no_friends_found .cell {
  color: #535353; }
#friends #tx_friend_count_bar .icon {
  -webkit-background-size: 56px 56px; }
#friends #tx_friend_count_bar .cell div.content {
  padding-top: 20px; }
  #friends #tx_friend_count_bar .cell div.content #weibo_friends_count {
    color: #535353; }
#friends li.user {
  padding: 10px;
  border: 1px solid #cfcfcf;
  background: #e4e4e4;
  color: #777777;
  font-size: 16px;
  min-height: 56px;
  background: #fbfbfb;
  border: 0;
  border-bottom: 1px solid #c2c2c2; }
  #friends li.user .image {
    width: 56px;
    height: 56px;
    background-image: url(images/icon.user.male.mdpi.png);
    -webkit-background-size: 56px 56px;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 12px; }
    #friends li.user .image .overlay {
      width: 56px;
      height: 56px;
      background: url(images/frame.small.mdpi.png) no-repeat;
      -webkit-background-size: 56px 56px; }
  #friends li.user .title {
    margin-top: 3px;
    color: #d97b00;
    font-size: 22px;
    font-weight: bold; }
  #friends li.user .feint_score {
    background: url(images/icon.leaf.gray.mdpi.png) no-repeat 66px center;
    -webkit-background-size: 14px 15px;
    padding: 4px 0 0 86px;
    font-size: 14px; }
  #friends li.user.touched {
    padding-top: 8px;
    background: #efe0ad;
    border-bottom: 1px solid #e8d3a0; }
  #friends li.user .add_recommend_friend, #friends li.user .added_recommend_friend {
    font-size: 14px;
    height: none;
    line-height: 40px;
    margin: 10px 0px 0px 65px;
    padding: 0px;
    width: 100px;
    opacity: 1; }
  #friends li.user .title {
    font-size: 18px;
    color: #d97b00; }
  #friends li.user .avatar {
    background: url(images/icon.user.male.mdpi.png); }
#friends li#load_more {
  color: #d97b00;
  min-height: 26px;
  text-align: center; }
#friends #add_all_friends_button {
  margin-top: 6px;
  float: right;
  margin-left: 6px;
  display: block;
  font-size: 16px;
  padding: 0 2px;
  line-height: 44px;
  width: 100%;
  clear: both; }
#friends #upload_button {
  margin-top: 6px;
  float: right;
  margin-left: 6px;
  display: inline-block;
  font-size: 16px;
  padding: 0 2px;
  line-height: 44px; }
#friends #submit {
  margin-top: 6px;
  display: block;
  font-size: 16px;
  padding: 0 6px 0px 0px;
  right: 5px;
  position: absolute;
  line-height: 44px; }
  #friends #submit .icon {
    padding-left: 7px; }
#friends #search_submit {
  margin-top: 6px;
  float: right;
  display: block;
  font-size: 16px;
  padding: 0 6px 0px 0px;
  top: 13px; }
#friends #requests li.friend_request {
  padding: 10px;
  border: 1px solid #cfcfcf;
  background: #e4e4e4;
  color: #777777;
  font-size: 16px;
  min-height: 56px;
  height: 72px;
  background: white; }
  #friends #requests li.friend_request .image {
    width: 56px;
    height: 56px;
    background-image: url(images/icon.user.male.mdpi.png);
    -webkit-background-size: 56px 56px;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 12px; }
    #friends #requests li.friend_request .image .overlay {
      width: 56px;
      height: 56px;
      background: url(images/frame.small.mdpi.png) no-repeat;
      -webkit-background-size: 56px 56px; }
  #friends #requests li.friend_request .title {
    margin-top: 3px;
    color: #d97b00;
    font-size: 22px;
    font-weight: bold; }
  #friends #requests li.friend_request .feint_score {
    background: url(images/icon.leaf.gray.mdpi.png) no-repeat 66px center;
    -webkit-background-size: 14px 15px;
    padding: 4px 0 0 86px;
    font-size: 14px; }
  #friends #requests li.friend_request .title {
    color: #d97b00; }
  #friends #requests li.friend_request .button {
    display: inline-block;
    width: 100px;
    margin: 4px; }
#friends #buttons_for_all {
  text-align: center;
  border: 1px solid #565656;
  border-width: 1px 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5a5a5a), color-stop(1, #7c7c7c)); }
  #friends #buttons_for_all .button {
    margin: 5px;
    width: 46%;
    display: inline-block; }
#friends li#search_cell {
  width: 100%;
  -webkit-box-sizing: border-box; }
  #friends li#search_cell form table {
    width: 100%; }
    #friends li#search_cell form table td.button_cell {
      width: 70px; }
  #friends li#search_cell form .input_field {
    margin: 0;
    padding: 0; }
    #friends li#search_cell form .input_field input {
      display: block;
      font-size: 16px; }
    #friends li#search_cell form .input_field .button {
      margin: 0 0 0 10px;
      padding-top: 6px; }
      #friends li#search_cell form .input_field .button .icon {
        width: 100%;
        background: url(images/icon.search.button.mdpi.png) no-repeat center center;
        -webkit-background-size: 32px 32px;
        padding: 0 0 0 8px;
        height: 32px; }

body.fixed_position #friends #requests ul {
  margin-bottom: 54px; }
body.fixed_position #friends #buttons_for_all {
  width: 100%;
  position: fixed;
  bottom: 0; }

/* --- settings/index --- */
#settings #header, #settings #subheader {
  border-bottom: 1px solid #565656;
  height: 22px;
  padding: 1px 0 0 10px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5a5a5a), color-stop(1, #7c7c7c));
  -webkit-background-size: auto;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: white;
  line-height: 20px;
  text-shadow: #545454 0px 1px 1px; }
#settings #subheader {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9e9e9e), color-stop(1, #acacac));
  border-bottom: 1px solid #949494;
  text-shadow: #959595 0px 1px 1px;
  font-size: 14px; }
#settings ul#settings_list.cells li {
  padding: 8px 20px; }
  #settings ul#settings_list.cells li .title {
    font-weight: normal;
    color: black;
    margin-top: 6px;
    font-size: 20px; }
  #settings ul#settings_list.cells li .title:only-child {
    padding: 0;
    margin: 0;
    line-height: 56px; }
#settings ul#settings_list.cells #subscribe {
  position: relative; }
  #settings ul#settings_list.cells #subscribe .title {
    padding: 0;
    margin: 0;
    line-height: 56px; }
  #settings ul#settings_list.cells #subscribe span {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 32px;
    height: 33px;
    background: url(images/button_check.mdpi.png) no-repeat;
    -webkit-background-size: 32px 33px; }
  #settings ul#settings_list.cells #subscribe span.subscribed {
    background: url(images/button_checked.mdpi.png) no-repeat; }
#settings .current_info {
  height: 76px;
  padding: 0 20px;
  background-color: white;
  border-bottom: 1px solid #bcbcbc; }
  #settings .current_info .label {
    padding: 16px 0 2px;
    font-size: 15px;
    color: #595959; }
  #settings .current_info .value {
    font-size: 22px;
    color: #3e3e3e; }
#settings form {
  margin: 20px; }
  #settings form p {
    font-weight: normal;
    font-size: 15px;
    color: white; }

/* --- Multiple user accounts page --- */
#multiple_user_accounts {
  margin-bottom: 20px; }
  #multiple_user_accounts .divider {
    margin-bottom: 10px; }
  #multiple_user_accounts .user .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

#more_accounts .load_more {
  margin-bottom: 20px;
  text-align: center;
  padding: 10px;
  border: 1px solid #cfcfcf;
  background: #e4e4e4;
  color: #777777;
  font-size: 20px;
  min-height: 26px;
  *display: inline-block;
  background: white;
  -webkit-border-radius: 15px; }

#google_analytics_frame, #action_frame, .frame_channel {
  height: 1px;
  position: absolute;
  left: -1000px; }

#tabbed_friend_navigation ul, #tabbed_activity_navigation ul, #tabbed_challenge_selection ul {
  width: 100%; }
#tabbed_friend_navigation li, #tabbed_activity_navigation li, #tabbed_challenge_selection li {
  width: 50%; }

.tabbed_friend_arrow li.active {
  position: relative;
  overflow: visible; }
  .tabbed_friend_arrow li.active .arrow {
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 15px;
    height: 8px;
    margin-left: -7px;
    background: url(images/tz_submenuarrow.png) no-repeat; }

#tabbed_time_options ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 34px;
  box-shadow: 0 2px 6px black;
  background: -moz-linear-gradient(top, #ecebeb, #e0e4eb);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ecebeb), to(#e0e4eb)); }
#tabbed_time_options li {
  float: left;
  width: 25%;
  height: 34px; }
  #tabbed_time_options li div {
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 5px 10px;
    font-size: 14px;
    color: #333333; }
#tabbed_time_options li.current div {
  background: #ababab;
  border-radius: 4px;
  color: white;
  box-shadow: 1px 1px 1px black inset;
  text-shadow: 0 -1px 0 #333333; }

.add_friend_button {
  float: right;
  margin-top: 6px; }

.footer_menu {
  width: 100%;
  margin: 0 auto;
  height: 54px; }
  .footer_menu .footer_tabs {
    background: url(images/footermenu_bg.mdpi.jpg) repeat-x;
    height: 54px;
    list-style: none;
    width: 100%;
    clear: both;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px; }
    .footer_menu .footer_tabs .footer_tab {
      float: left;
      height: 50px;
      width: 49%;
      color: white;
      padding-top: 4px;
      font-size: 12px;
      position: relative; }
      .footer_menu .footer_tabs .footer_tab .user_tab {
        background: url(images/my_space.mdpi.jpg) top center no-repeat;
        width: 67px;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding-top: 33px; }
      .footer_menu .footer_tabs .footer_tab .game_tab {
        background: url(images/game_intro.mdpi.jpg) top center no-repeat;
        width: 67px;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding-top: 33px; }
      .footer_menu .footer_tabs .footer_tab.active {
        background: url(images/footermenu_bg_current.mdpi.jpg) no-repeat;
        height: 54px; }
        .footer_menu .footer_tabs .footer_tab.active .right_bar {
          background: url(images/fm_current_rightbar.mdpi.jpg) no-repeat;
          height: 54px;
          width: 12px;
          position: absolute;
          right: 0;
          top: 0; }
        .footer_menu .footer_tabs .footer_tab.active .user_tab {
          background: url(images/my_space_current.mdpi.jpg) top center no-repeat;
          width: 67px;
          height: 17px;
          margin: 0 auto;
          display: block;
          text-align: center;
          padding-top: 33px; }
        .footer_menu .footer_tabs .footer_tab.active .game_tab {
          background: url(images/game_intro_current.mdpi.jpg) top center no-repeat;
          width: 67px;
          height: 17px;
          margin: 0 auto;
          display: block;
          text-align: center;
          padding-top: 33px; }
  .footer_menu ul {
    width: 100%; }
  .footer_menu li {
    width: 50%; }

#games .recommend_games_container {
  width: 320px;
  height: 60px;
  margin: 6px auto; }
  #games .recommend_games_container li {
    width: 150px;
    float: left;
    padding: 8px 0;
    margin: 0 3px;
    border: none;
    -webkit-background-size: 150px 60px; }

#leaderboard .leaderboard_rank {
  width: 30px;
  margin: 0px;
  height: 30px;
  -webkit-background-size: 30px 30px;
  background-repeat: no-repeat;
  padding-left: 30px;
  line-height: 30px; }
#leaderboard .leaderboard_rank_area {
  width: 140px;
  overflow: hidden; }
#leaderboard .subtitle {
  font-weight: bold;
  font-size: 13px;
  line-height: 20px; }
#leaderboard .leaderboard_rank_1 {
  background-image: url(images/rank_1.png); }
#leaderboard .leaderboard_rank_2 {
  background-image: url(images/rank_2.png); }
#leaderboard .leaderboard_rank_3 {
  background-image: url(images/rank_3.png); }
#leaderboard .rank {
  min-width: 30px;
  display: block;
  float: left; }

#daily_hot_game {
  padding: 1px 10px 5px 10px;
  height: 100px; }
  #daily_hot_game .title {
    padding-bottom: 5px; }
  #daily_hot_game .hot_game_name {
    margin: 0; }

#activities_list.adopt_cells {
  -webkit-padding-start: 0; }
  #activities_list.adopt_cells .user_activity {
    color: #535353;
    min-height: 30px;
    line-height: 20px;
    font-size: 13px; }
    #activities_list.adopt_cells .user_activity .game_text .user_activity_link {
      color: #ff9900;
      text-decoration: underline; }
    #activities_list.adopt_cells .user_activity .game_text .game_activity_link {
      color: #ff9900;
      text-decoration: underline; }

.the9_gamestore_icon {
  background: url(images/the9_gamestore_icon.png) left top no-repeat; }

/* --- game review  --- */
#new_review form {
  margin: 20px; }

.price_span {
  float: right;
  margin: 0px 25px 0 0;
  color: #777777; }

#reviews .review {
  font-size: 13px;
  color: #595959;
  font-family: Tahoma, sans-serif;
  font-weight: normal; }
  #reviews .review .body {
    float: left;
    width: 75%;
    display: block; }
    #reviews .review .body .title {
      margin-top: 0;
      font-size: 13px;
      color: #ff9900;
      text-decoration: none;
      font-weight: normal; }
    #reviews .review .body .content {
      padding: 0;
      width: 98%;
      word-wrap: break-word; }
  #reviews .review .info {
    float: right;
    width: 25%; }

.star-rating, .current-rating {
  background: url(images/star.png) left -1000px repeat-x; }

.star-rating {
  position: relative;
  width: 250px;
  height: 100px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top; }
  .star-rating div, .star-rating .current-rating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 100px;
    line-height: 50px;
    outline: none;
    overflow: hidden;
    border: none; }
  .star-rating li {
    display: inline; }
  .star-rating div.one-star-unit {
    width: 10%;
    z-index: 11; }
  .star-rating div.two-star-unit {
    width: 20%;
    z-index: 10; }
  .star-rating div.three-star-unit {
    width: 30%;
    z-index: 9; }
  .star-rating div.four-star-unit {
    width: 40%;
    z-index: 8; }
  .star-rating div.five-star-unit {
    width: 50%;
    z-index: 7; }
  .star-rating div.six-star-unit {
    width: 60%;
    z-index: 6; }
  .star-rating div.seven-star-unit {
    width: 70%;
    z-index: 5; }
  .star-rating div.eight-star-unit {
    width: 80%;
    z-index: 4; }
  .star-rating div.nine-star-unit {
    width: 90%;
    z-index: 3; }
  .star-rating div.ten-star-unit {
    width: 100%;
    z-index: 2; }
  .star-rating .current-rating, .star-rating .small-current-rating {
    z-index: 1;
    background-position: left bottom; }

.small-rating, .small-current-rating {
  background: url(images/small_star.png) left 0px repeat-x;
  width: 75px;
  height: 30px; }

.small-rating {
  position: relative;
  width: 75px;
  height: 30px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
  float: left; }
  .small-rating div, .small-rating .small-current-rating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 30px;
    line-height: 15px;
    outline: none;
    overflow: hidden;
    border: none; }
  .small-rating li {
    display: inline; }
  .small-rating div.one-star-unit {
    width: 10%;
    z-index: 11; }
  .small-rating div.two-star-unit {
    width: 20%;
    z-index: 10; }
  .small-rating div.three-star-unit {
    width: 30%;
    z-index: 9; }
  .small-rating div.four-star-unit {
    width: 40%;
    z-index: 8; }
  .small-rating div.five-star-unit {
    width: 50%;
    z-index: 7; }
  .small-rating div.six-star-unit {
    width: 60%;
    z-index: 6; }
  .small-rating div.seven-star-unit {
    width: 70%;
    z-index: 5; }
  .small-rating div.eight-star-unit {
    width: 80%;
    z-index: 4; }
  .small-rating div.nine-star-unit {
    width: 90%;
    z-index: 3; }
  .small-rating div.ten-star-unit {
    width: 100%;
    z-index: 2; }
  .small-rating .current-rating, .small-rating .small-current-rating {
    z-index: 1;
    background-position: left bottom; }

#review_game {
  margin: 10px 20px; }

#reviews.adopt_cells {
  -webkit-padding-start: 0;
  color: #535353; }
  #reviews.adopt_cells li.review {
    min-height: 40px; }
    #reviews.adopt_cells li.review .small-rating {
      margin-top: -5px; }
    #reviews.adopt_cells li.review .title {
      text-decoration: underline; }

#all_reviews, #no_reviews {
  text-align: center;
  min-height: 25px;
  font-size: 14px; }
  #all_reviews .view_more, #no_reviews .view_more {
    color: #d97b00;
    padding-top: 3px; }

#not_local_user_tip {
  margin: 10px; }
  #not_local_user_tip .login_tip {
    text-align: center; }
  #not_local_user_tip span {
    color: #ff9900;
    text-decoration: underline; }

#tabbed_activity_navigation .tabs li {
  min-height: 52px; }

/*add by lbh */
#user_profile #info_cell .playing {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  float: left;
  width: 50%; }

#user_profile #info_cell .experience_level {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 14px;
  background: url(images/lv-1.png) left top no-repeat;
  width: 20px;
  height: 30px;
  line-height: 32px;
  padding: 0 15px 0 22px;
  display: block;
  color: white;
  text-align: center; }

#user_profile #info_cell .experience_level2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  padding-left: 0px;
  display: block;
  float: left;
  color: #36b0ee;
  margin: 0 10px 0 0;
  text-align: center; }

#user_profile #info_cell .brisklv {
  line-height: 26px;
  color: white; }

#user_profile #info_cell .indexlv {
  color: black; }

#user_profile #info_cell .gamer_experience {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 14px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: block; }

#user_profile #info_cell .game_name {
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  clear: left; }

.giveme_or_friends_button {
  background: -webkit-gradient(linear, left top, left bottom, from(#fccd5c), to(#fd9014));
  background: -moz-linear-gradient(top, #fccd5c, #fd9014);
  text-shadow: 0 1px 0 #feb837;
  color: white;
  font-size: 15px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 4px;
  width: 48px;
  display: block;
  margin: 6px 5px 0 13px;
  border: 1px #fd9014 solid;
  float: left;
  width: 62%; }

/*end add by lbh */
/*add by lbh */
#awtitle, #mobile_activity_title {
  background: -webkit-gradient(linear, left top, left bottom, from(#fccd5c), to(#fd9014));
  background: -moz-linear-gradient(top, #fccd5c, #fd9014);
  text-shadow: 0 1px 0 #feb837;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  text-align: center;
  color: white;
  font-size: 18px; }

#awcontent, #mobile_activity_content {
  padding-top: 25px;
  text-align: center;
  font-size: 16px;
  word-wrap: break-word;
  table-layout: fixed;
  overflow: hidden;
  text-overflow: ellipsis; }

#award_ui, #mobile_activity_ui {
  z-index: 1;
  position: absolute;
  top: 18%;
  left: 10%;
  color: gray;
  font-size: 12px;
  width: 80%;
  background-color: white;
  border-style: outset;
  border: 2px #fd9014 solid;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px 2px; }

#awimg, #mobile_activity_img {
  text-align: center; }

#awbutton, .deposit_button, #mobile_activity_button {
  background: -webkit-gradient(linear, left top, left bottom, from(#fccd5c), to(#fd9014));
  background: -moz-linear-gradient(top, #fccd5c, #fd9014);
  text-shadow: 0 1px 0 #feb837;
  color: #411500;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  width: 92px;
  display: block;
  margin: 15px auto 35px;
  border: 1px #feb837 solid; }

.dot_clear {
  list-style-type: circle;
  text-align: left;
  margin-right: 40px; }
  .dot_clear li {
    margin: 10px 0; }

#award_full, #mobile_activity_full {
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  width: 100%;
  background-color: Gray;
  display: none;
  height: 850px; }

/*end add by lbh */
.introduce_content {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#c7c7c7));
  background: -moz-linear-gradient(top, #cccccc, #c7c7c7);
  padding: 19px 0;
  color: black; }

table {
  width: 90%;
  margin: 10px auto; }
  table tr {
    background: #fefefe;
    height: 30px;
    line-height: 30px;
    color: black; }
  table tr.title {
    background: url(images/header_bg.mdpi.png) repeat-x;
    height: 30px;
    line-height: 30px;
    color: white; }
  table tr.odd {
    background: #e8e9e7;
    height: 30px;
    line-height: 30px;
    color: black; }
  table td {
    text-align: center; }
  table td.number {
    color: #ff9900; }

.icon_exp {
  background: url(images/exp.png) no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  float: left; }

.experience_level {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 18px;
  height: 30px;
  line-height: 34px;
  padding: 0px 5px 0 0px;
  display: block;
  float: left;
  color: black;
  margin: 0;
  text-align: left; }

.gamerscore_exp {
  text-align: right;
  float: right;
  color: #535353;
  display: inline-block;
  padding-top: 24px;
  font-size: 14px;
  font-weight: bold;
  padding-right: 2px;
  min-width: 25px;
  background: url(images/exp.png) no-repeat top right;
  -webkit-background-size: 30px 30px; }

.gamerscore_val {
  text-align: right;
  float: right;
  color: #535353;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px; }

.top_rank_1 {
  background: url(images/rank_1.png) no-repeat;
  width: 30px;
  height: 30px;
  padding-left: 30px; }

.top_rank_2 {
  background: url(images/rank_2.png) no-repeat;
  width: 30px;
  height: 30px;
  padding-left: 30px; }

.top_rank_3 {
  background: url(images/rank_3.png) no-repeat;
  width: 30px;
  height: 30px;
  padding-left: 30px; }

#gem_icon {
  padding-top: 4px;
  display: block;
  float: left; }

#status {
  background: url(images/liuyan_leftbar.png) no-repeat;
  height: 50px;
  float: left;
  width: 61%;
  line-height: 16px;
  margin: 8px 0 0 5px;
  color: #522700;
  padding: 3px 0 0 15px;
  font-size: 14px;
  position: relative; }
  #status img {
    width: 16px;
    height: 16px; }
  #status .rightbar {
    width: 27px;
    height: 50px;
    background: url(images/liuyan_rightbar.png) no-repeat;
    position: absolute;
    right: -15px;
    top: 0; }
  #status #status_text {
    padding: 0 10px 0 0;
    word-break: break-all;
    width: 95%; }

#user_name_info {
  float: left;
  width: 60%; }

.game_name {
  height: 30px;
  text-align: center;
  line-height: 30px; }

.login_info {
  height: 30px;
  line-height: 30px; }

.last_play {
  clear: left;
  float: left;
  margin-left: 65px;
  line-height: 25px; }

#tabbed_challenge_navigation ul {
  width: 100%; }
#tabbed_challenge_navigation li {
  padding: 0 0 0 5px;
  width: 33.3%; }
#tabbed_challenge_navigation label {
  font-size: 12px; }

/* leadboard */
#leaderboards .challenge, #leaderboard .challenge {
  float: right;
  background: url(images/tz_rankbtn.png) no-repeat;
  width: 50px;
  height: 50px; }

#challenge_setting {
  padding-bottom: 10px; }

#desposit {
  padding: 10px; }

#fiendes_list {
  padding: 0; }

#challenge ul.scores li.challenge_score {
  height: 82px; }
  #challenge ul.scores li.challenge_score .subtitle {
    width: 100%; }
#challenge .check span {
  margin: 25px 15px;
  float: right;
  width: 32px;
  height: 33px;
  background: url(images/button_check.mdpi.png) no-repeat;
  -webkit-background-size: 32px 33px; }
#challenge .check span.checked {
  background: url(images/button_checked.mdpi.png) no-repeat; }

.challenge_confirm, .squelch_confirm {
  text-align: center;
  font-size: 12px; }
  .challenge_confirm h3, .squelch_confirm h3 {
    font-size: 14px; }
  .challenge_confirm .tip, .squelch_confirm .tip {
    width: 240px;
    font-size: 12px;
    color: gray;
    padding: 6px 0;
    margin: 0 auto; }
  .challenge_confirm .total_challenge, .squelch_confirm .total_challenge {
    line-height: 30px; }
  .challenge_confirm #btnarea, .squelch_confirm #btnarea {
    width: 240px;
    margin: 0 auto; }
  .challenge_confirm #awbutton, .squelch_confirm #awbutton {
    float: left; }

#btnarea .confirm, #btnarea .cancel {
  font-size: 12px; }
#btnarea .cancel {
  margin-left: 20px; }

.deposit_button {
  color: white;
  padding: 3px 10px;
  font-size: 14px;
  margin: 15px auto; }

.challenge_check {
  display: none; }

.challenge_confirm h3 {
  margin: 5px 0; }

/* Challenge */
#tz_warp {
  font-size: 14px;
  font-weight: bold;
  color: black; }
  #tz_warp .f_l {
    float: left; }
  #tz_warp .f_r {
    float: right; }

.tz_topbtn {
  width: 231px;
  height: 30px;
  padding: 24px 0;
  margin: 0 auto; }

.tz_topbtn span {
  display: block;
  width: 115px;
  height: 30px;
  line-height: 30px;
  color: white;
  text-align: center;
  font-size: 14px;
  background: url(images/tz_sprite.png) -116px 0 no-repeat;
  cursor: pointer; }
.tz_topbtn .active {
  background-position: 0 0; }
.tz_topbtn .f_l {
  border-radius: 4px 0 0 4px; }
.tz_topbtn .f_r {
  border-radius: 0 4px 4px 0; }

.tz_middle dl {
  height: 80px;
  border-bottom: 1px solid #dfdfdf;
  background: -moz-linear-gradient(top, white, #efefef);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e5e5e5));
  margin: 0; }
.tz_middle dt, .tz_middle dd {
  float: left;
  height: 80px;
  text-align: center;
  margin: 0; }
.tz_middle dt {
  width: 4%; }
.tz_middle dl.title {
  height: 22px;
  border-bottom: 1px solid #3e3e3e;
  background: -moz-linear-gradient(top, #cdcbca, #6b6a6a);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cdcbca), to(#6b6a6a)); }
  .tz_middle dl.title dt, .tz_middle dl.title dd {
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: white;
    text-shadow: 0 -1px 0 #333333; }
.tz_middle dt.new {
  background: url(images/tz_new_bg.gif) top center no-repeat; }
.tz_middle dd.left {
  width: 28%; }
  .tz_middle dd.left div {
    width: 80px;
    margin: 0 auto;
    padding-top: 10px; }
    .tz_middle dd.left div p {
      font-size: 14px;
      color: black;
      margin: 0; }
    .tz_middle dd.left div h3 {
      height: 40px;
      line-height: 20px;
      overflow: hidden;
      font-size: 14px;
      color: #ff6600;
      margin: 5px 0 0 0; }
.tz_middle dd.center {
  width: 42%; }
  .tz_middle dd.center ul {
    width: 134px;
    margin: 0 auto;
    padding: 0;
    padding-top: 5px; }
  .tz_middle dd.center li {
    float: left;
    width: 52px;
    position: relative;
    list-style: none; }
    .tz_middle dd.center li .img {
      width: 35px;
      height: 35px;
      border-radius: 4px;
      background: url(images/icon.user.male.mdpi.png) no-repeat;
      background-size: 35px 35px;
      margin: 0 auto; }
    .tz_middle dd.center li p {
      height: 16px;
      line-height: 16px;
      overflow: hidden;
      font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: black;
      margin: 0; }
    .tz_middle dd.center li div.cover {
      position: absolute;
      top: 0;
      left: 8px;
      box-shadow: 1px 1px 1px black inset;
      width: 35px;
      height: 35px;
      border-radius: 4px;
      background: url(images/tz_sprite.png) -152px -34px no-repeat; }
  .tz_middle dd.center li.hack {
    width: 30px;
    line-height: 40px;
    color: #ff6600;
    font-size: 18px; }
.tz_middle dd.right {
  float: right;
  width: 26%; }
  .tz_middle dd.right div.outside {
    position: relative; }
  .tz_middle dd.right div.inside {
    width: 80px;
    margin: 0 auto;
    text-align: left;
    padding-top: 10px; }
  .tz_middle dd.right p {
    width: 60px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    color: black;
    margin: 0; }
  .tz_middle dd.right p.losecolor {
    color: red; }
  .tz_middle dd.right p.wincolor {
    color: #51a210; }
  .tz_middle dd.right p.tiecolor {
    color: #cccccc; }
  .tz_middle dd.right span.squelch {
    display: block;
    width: 58px;
    height: 24px;
    margin-top: 5px;
    background: url(images/tz_sprite.png) 0 -34px no-repeat;
    border-radius: 4px;
    cursor: pointer; }
  .tz_middle dd.right span.squelch_v {
    display: block;
    width: 84px;
    height: 24px;
    background: url(images/tz_sprite.png) -63px -34px no-repeat;
    position: absolute;
    top: 48px;
    right: 0;
    border-radius: 10px 0 0 10px; }
  .tz_middle dd.right div.result {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: url(images/tz_sprite.png) no-repeat; }
  .tz_middle dd.right div.lose {
    background-position: 0 -63px; }
  .tz_middle dd.right div.win {
    background-position: -37px -63px; }
  .tz_middle dd.right div.tie {
    background-position: -74px -63px; }
.tz_middle dl.bottom {
  height: 40px; }
  .tz_middle dl.bottom dd {
    width: 100%;
    height: 40px;
    box-shadow: 0 2px 6px black;
    padding: 5px 0;
    background: -moz-linear-gradient(top, #dfdfdf, #b9b9b9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), to(#b9b9b9)); }
  .tz_middle dl.bottom span {
    font-size: 14px;
    color: #333333;
    height: 20px;
    line-height: 20px;
    cursor: pointer; }
  .tz_middle dl.bottom em {
    font-style: normal;
    font-size: 14px;
    color: #333333; }

.tz_bet {
  border-bottom: 1px solid black;
  padding: 10px 20px 20px 20px;
  background: -moz-linear-gradient(top, #fefefe, #dfdfdf);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dfdfdf));
  min-height: 85px; }
  .tz_bet .num {
    font-size: 16px;
    color: #ff6600;
    margin-bottom: 10px; }
    .tz_bet .num input {
      border-radius: 4px;
      width: 70px;
      height: 24px;
      border: 1px solid #cacaca;
      padding: 0 2px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      background: -moz-linear-gradient(top, #f1f1f1, #d2d2d2);
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#d2d2d2));
      box-shadow: 1px 1px 2px #cccccc inset; }
  .tz_bet .info {
    line-height: 20px;
    font-size: 12px;
    color: #666666; }
  .tz_bet .info p {
    width: 50%;
    height: 20px;
    overflow: hidden;
    float: left;
    margin: 0; }

/* Challenge SubPages */
.tz_shadow {
  box-shadow: 0 2px 6px black; }

.tz_public dl {
  border-bottom: 1px solid #dfdfdf;
  background: -moz-linear-gradient(top, white, #efefef);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e5e5e5));
  margin: 0; }
.tz_public dt, .tz_public dd {
  float: left;
  margin: 0;
  overflow: hidden; }
.tz_public dl.title {
  height: 22px;
  border-bottom: 1px solid #3e3e3e;
  background: -moz-linear-gradient(top, #cdcbca, #6b6a6a);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cdcbca), to(#6b6a6a)); }
  .tz_public dl.title dt, .tz_public dl.title dd {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: white;
    text-shadow: 0 -1px 0 #333333; }
.tz_public dt {
  width: 4%; }
.tz_public dt.new {
  background: url(images/tz_new_bg.gif) no-repeat; }
.tz_public .avatar {
  position: relative; }
  .tz_public .avatar .cover {
    position: absolute;
    background: url(images/tz_sprite.png) no-repeat; }

.tz_results dl, .tz_results dt, .tz_results dd {
  height: 125px; }
.tz_results dt.new {
  background-position: center -80px; }
.tz_results dd {
  width: 96%; }
.tz_results .avatar {
  width: 65px;
  height: 65px;
  padding: 30px 10px; }
  .tz_results .avatar .img {
    width: 65px;
    height: 65px;
    border-radius: 15px;
    background: url(images/intro.leaderboards.mdpi.png) no-repeat;
    background-size: 65px 65px; }
  .tz_results .avatar .cover {
    top: 30px;
    left: 10px;
    width: 65px;
    height: 65px;
    border-radius: 15px;
    background-position: -152px -74px; }
.tz_results .info {
  width: 210px;
  margin-right: 10px; }
  .tz_results .info h3 {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    color: #fe8f00;
    margin: 0; }
  .tz_results .info .cont {
    height: 60px;
    background: url(images/tz_sprite.png) 0 -144px no-repeat; }
  .tz_results .info ul {
    margin: 0;
    padding: 0; }
  .tz_results .info li {
    float: left;
    height: 20px;
    line-height: 20px;
    list-style: none;
    font-size: 12px; }
  .tz_results .info .title {
    width: 22px;
    text-align: center;
    color: white;
    font-weight: normal; }
  .tz_results .info .text {
    width: 40px;
    padding: 0 10px; }
  .tz_results .info .num {
    width: 108px;
    text-align: right;
    padding: 0 10px; }
  .tz_results .info .victory span {
    color: #48920e; }
  .tz_results .info .lose span {
    color: red; }
  .tz_results .info .draw span {
    color: #666666; }
  .tz_results .info .total {
    text-align: right;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 12px;
    padding-right: 10px; }

.tz_challengeinfo dl, .tz_challengeinfo dt, .tz_challengeinfo dd {
  height: 80px; }
.tz_challengeinfo dt.new {
  background-position: center 0; }
.tz_challengeinfo dd.left {
  width: 80%;
  text-align: left; }
  .tz_challengeinfo dd.left .avatar {
    width: 56px;
    height: 56px;
    padding: 12px 10px; }
    .tz_challengeinfo dd.left .avatar .img {
      width: 56px;
      height: 56px;
      border-radius: 6px;
      background: url(images/icon.user.male.mdpi.png) no-repeat;
      background-size: 56px 56px; }
    .tz_challengeinfo dd.left .avatar .cover {
      top: 12px;
      left: 10px;
      width: 56px;
      height: 56px;
      border-radius: 6px;
      background-position: -152px -209px; }
  .tz_challengeinfo dd.left .text {
    width: 70%;
    margin-top: 12px;
    font-size: 12px; }
    .tz_challengeinfo dd.left .text h3 {
      font-size: 12px;
      margin: 0;
      height: 60px;
      line-height: 20px;
      overflow: hidden; }
      .tz_challengeinfo dd.left .text h3 span {
        color: #fe8f00; }
      .tz_challengeinfo dd.left .text h3 span.created_date {
        color: #666666; }
.tz_challengeinfo dd.right {
  width: 16%; }
  .tz_challengeinfo dd.right .btn {
    height: 80px;
    background: url(images/tz_challengebtn.png) center top no-repeat; }

.tz_rank dl, .tz_rank dt, .tz_rank dd {
  height: 80px; }
.tz_rank dt.new {
  background-position: center 0; }
.tz_rank dd.left {
  width: 80%;
  text-align: left; }
  .tz_rank dd.left .avatar {
    width: 56px;
    height: 56px;
    padding: 12px 10px 12px 0; }
    .tz_rank dd.left .avatar .img {
      width: 56px;
      height: 56px;
      border-radius: 6px;
      background: url(images/icon.user.male.mdpi.png) no-repeat;
      background-size: 56px 56px; }
    .tz_rank dd.left .avatar .cover {
      top: 12px;
      left: 0;
      width: 56px;
      height: 56px;
      border-radius: 6px;
      background-position: -152px -209px; }
  .tz_rank dd.left .text {
    width: 70%;
    margin-top: 8px;
    font-size: 12px; }
    .tz_rank dd.left .text h3 {
      font-size: 16px;
      margin: 0;
      height: 20px;
      line-height: 20px;
      color: #fe8f00;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .tz_rank dd.left .text h3 span {
        color: black; }
    .tz_rank dd.left .text p {
      margin: 0;
      color: #666666;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      overflow: hidden;
      padding-right: 10px; }
      .tz_rank dd.left .text p span {
        color: black; }
    .tz_rank dd.left .text em {
      font-style: normal;
      color: #0072d3;
      font-size: 14px; }
.tz_rank dd.right {
  width: 16%; }
  .tz_rank dd.right .btn {
    height: 80px;
    background: url(images/tz_rankbtn.png) center 15px no-repeat; }

.tz_start_step2.tz_bet {
  text-align: center;
  min-height: 65px; }

.tz_start_step2 ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: white;
  border-bottom: 1px solid #d9d9d9; }
.tz_start_step2 li {
  float: left;
  width: 38%;
  text-align: center;
  background: url(images/tz_start-shadow.png) center -5px no-repeat; }
  .tz_start_step2 li .avatarbox {
    border-radius: 8px;
    width: 72px;
    padding: 5px;
    margin: 0 auto; }
    .tz_start_step2 li .avatarbox .avatar {
      width: 72px;
      height: 72px;
      border-radius: 8px; }
      .tz_start_step2 li .avatarbox .avatar .img {
        width: 72px;
        height: 72px;
        border-radius: 8px;
        background: url(images/icon.user.male.mdpi.png) no-repeat;
        background-size: 72px 72px; }
      .tz_start_step2 li .avatarbox .avatar .cover {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        border-radius: 8px;
        background-position: -75px -209px; }
    .tz_start_step2 li .avatarbox p {
      margin: 0;
      color: #666666;
      font-size: 12px;
      padding-top: 2px;
      overflow: hidden; }
    .tz_start_step2 li .avatarbox em {
      font-style: normal;
      color: #0072d3;
      font-size: 16px; }
  .tz_start_step2 li .infobox {
    width: 72px;
    padding: 5px;
    margin: 0 auto; }
    .tz_start_step2 li .infobox p {
      margin: 0;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #333333; }
    .tz_start_step2 li .infobox p.hack {
      color: #fe8f00; }
.tz_start_step2 li.hack {
  width: 24%;
  margin-top: 20px;
  background: none; }
  .tz_start_step2 li.hack div {
    width: 65px;
    height: 50px;
    background: url(images/tz_start_vs.gif) no-repeat;
    margin: 0 auto; }

.game_developer_name {
  width: 50%;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* Overall */
#contrast_warp {
  font-size: 14px;
  font-weight: bold;
  min-width: 260px; }
  #contrast_warp .clearfix {
    zoom: 1; }
    #contrast_warp .clearfix:after {
      content: "\20";
      display: block;
      clear: both; }
  #contrast_warp .f_l {
    float: left; }
  #contrast_warp .f_r {
    float: right; }

/* Content */
.contrast_header {
  height: 70px;
  margin: 5px 0;
  padding: 0 10px; }
  .contrast_header .title {
    width: 70%; }
  .contrast_header .img {
    width: 70px;
    height: 70px;
    background: url(images/contrast_bg.png) no-repeat; }
  .contrast_header .player {
    width: 55px;
    height: 54px;
    background: url(images/icon.user.male.mdpi.png) no-repeat;
    border-radius: 8px;
    margin: 7px 0 0 8px;
    background-size: 55px 54px; }
  .contrast_header h3 {
    font-size: 16px;
    margin: 10px 0 0 0;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: white; }
  .contrast_header p {
    font-size: 14px;
    margin: 0;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #fd9b00; }
  .contrast_header .btn {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    background: url(images/tz_rankbtn.png) no-repeat; }

.contrast_cont dt, .contrast_cont dd {
  background: -moz-linear-gradient(top, white, #efefef);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e5e5e5));
  margin: 0; }
.contrast_cont div {
  float: left; }
.contrast_cont span {
  display: block; }
.contrast_cont .icon {
  width: 20%; }
.contrast_cont .title {
  width: 40%; }
.contrast_cont .player {
  width: 20%;
  text-align: center; }
.contrast_cont dt {
  border-bottom: 1px solid #fda500;
  height: 50px; }
  .contrast_cont dt div {
    height: 50px; }
  .contrast_cont dt .icon span {
    width: 36px;
    height: 36px;
    margin: 7px auto;
    background: no-repeat;
    background-size: 36px 36px;
    border-radius: 6px; }
  .contrast_cont dt .title span {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    color: #333333;
    padding: 0 10px; }
  .contrast_cont dt .player {
    position: relative; }
    .contrast_cont dt .player span {
      width: 36px;
      height: 36px;
      margin: 7px auto;
      background-size: 36px 36px;
      background: url(images/icon.user.male.mdpi.png) no-repeat;
      border-radius: 6px; }
    .contrast_cont dt .player .cover {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -20px;
      margin-left: -20px;
      width: 40px;
      height: 40px;
      background-size: 40px 40px; }
    .contrast_cont dt .player.wo .cover {
      background: url(images/contrast_player1.png) no-repeat; }
    .contrast_cont dt .player.ta .cover {
      background: url(images/contrast_player2.png) no-repeat; }
.contrast_cont dd {
  border-bottom: 1px solid #e9e9e9;
  height: 60px; }
  .contrast_cont dd div {
    height: 60px; }
  .contrast_cont dd .icon span {
    width: 54px;
    height: 54px;
    margin: 3px auto;
    background-size: 54px 54px;
    border-radius: 6px; }
  .contrast_cont dd .title span {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    color: #333333;
    padding: 0 10px; }
  .contrast_cont dd .player span {
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    margin: 3px auto;
    background-size: 54px 54px;
    border-radius: 6px; }

.contrast_effort dd .icon span {
  background: url(images/contrast_icon1.png) no-repeat; }
.contrast_effort dd span.many {
  background: url(images/contrast_icon4.png) center top no-repeat; }
.contrast_effort dd span.less {
  background: url(images/contrast_icon5.png) center top no-repeat; }

.contrast_top dd .player span {
  text-shadow: 0 0 1px white;
  color: #666666; }
.contrast_top dd .icon span {
  background: url(images/contrast_icon3.png) center top no-repeat; }
.contrast_top dd span.many {
  background: url(images/contrast_icon2.png) center top no-repeat; }

.notice_for_game_feed {
  width: 36px;
  height: 56px;
  background: url(images/new_notice.png) center center no-repeat;
  float: right;
  display: none; }

/* -- mobile_activity_ui -- */
#award_ui.prompt_box {
  border: 2px solid white;
  border-radius: 5px;
  background: #ebebeb;
  margin-top: -40px; }
  #award_ui.prompt_box .prompt_title {
    background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#eaeaea));
    border-bottom: 1px solid #dddcda;
    text-shadow: 0 1px 0 #eeeeee;
    color: black; }
  #award_ui.prompt_box .prompt_cont {
    border-top: 1px solid white;
    padding-top: 5px; }
    #award_ui.prompt_box .prompt_cont ol {
      margin: 0 5%;
      padding: 0; }
    #award_ui.prompt_box .prompt_cont li {
      list-style: none;
      padding-left: 20px;
      line-height: 24px; }
    #award_ui.prompt_box .prompt_cont .item1 {
      background: url(images/prompt_icon1.png) no-repeat; }
    #award_ui.prompt_box .prompt_cont .item2 {
      background: url(images/prompt_icon2.png) no-repeat; }
  #award_ui.prompt_box .prompt_btn1, #award_ui.prompt_box .prompt_btn2 {
    width: 42%;
    border: 1px solid #999999;
    border-radius: 5px;
    margin: 20px 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold; }
  #award_ui.prompt_box .prompt_btn1 {
    float: left;
    color: white;
    text-shadow: 0 -1px 0 #666666;
    margin-left: 5%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcca53), to(#fd8603)); }
  #award_ui.prompt_box .prompt_btn2 {
    float: right;
    color: #333333;
    text-shadow: 0 1px 0 #eeeeee;
    margin-right: 5%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#c6c7c8)); }


/*
 *    1.5x pixel scale
 */

body.hdpi #friends #requests li.friend_request .feint_score {
  background: url(images/icon.leaf.gray.hdpi.png) no-repeat 66px center;
}
body.hdpi .input_field input[type=text], body.hdpi .input_field input[type=password] {
  -webkit-border-image: url(images/input.text.hdpi.png) 0 15 stretch stretch;
}
body.hdpi #leaderboards ul.scores li.high_score .icon .overlay, body.hdpi #leaderboard ul.scores li.high_score .icon .overlay, body.hdpi #challenge ul.scores li.high_score .icon .overlay {
  background: url(images/frame.small.hdpi.png) no-repeat;
}
body.hdpi .tz_start_step2 li .avatarbox .avatar .img {
  background: url(images/icon.user.male.hdpi.png) no-repeat;
}
body.hdpi #friends #facebook_search .icon {
  background: url(images/icon_weibo_large.hdpi.png) no-repeat !important;
}
body.hdpi #guest_book li.user .image .overlay {
  background: url(images/frame.small.hdpi.png) no-repeat;
}
body.hdpi .button.touched {
  -webkit-border-image: url(images/button.gray.hit.hdpi.png) 0 15 stretch stretch;
}
body.hdpi #shareto #tencent_share .icon {
  background: url(images/icon_tx_large.hdpi.png) no-repeat !important;
}
body.hdpi .contrast_header .player {
  background: url(images/icon.user.male.hdpi.png) no-repeat;
}
body.hdpi #friends #rr_friend_count_bar .icon {
  background: url(images/icon_renren_large.hdpi.png) no-repeat !important;
}
body.hdpi #spotlight header.feint_spotlight .new_h1, body.hdpi #spotlight .header.feint_spotlight .new_h1 {
  background: url(images/feint_spotlight_new.hdpi.png) no-repeat;
}
body.hdpi .button {
  -webkit-border-image: url(images/button.gray.hdpi.png) 0 15 stretch stretch;
}
body.hdpi ul.tabs li.active .label {
  background: url(images/tab.active_indicator.hdpi.png) no-repeat center left;
}
body.hdpi #user_profile #header {
  background-image: url(images/logo.hdpi.png), url(images/header_bg.hdpi.png);
}
body.hdpi #user_profile ul.cells li#mobile_activity .icon {
  background-image: url(images/icon.mm.hdpi.png);
}
body.hdpi .tz_rank dd.left .avatar .img {
  background: url(images/icon.user.male.hdpi.png) no-repeat;
}
body.hdpi .footer_menu .footer_tabs .footer_tab .game_tab {
  background: url(images/game_intro.hdpi.jpg) top center no-repeat;
}
body.hdpi .footer_menu .footer_tabs .footer_tab .user_tab {
  background: url(images/my_space.hdpi.jpg) top center no-repeat;
}
body.hdpi #friends #tencent_search .icon {
  background: url(images/icon_tx_large.hdpi.png) no-repeat !important;
}
body.hdpi #intro .features .feature_row #leaderboards .icon {
  background-image: url(images/intro.leaderboards.hdpi.png);
}
body.hdpi #settings ul#settings_list.cells #subscribe span.subscribed {
  background: url(images/button_checked.hdpi.png) no-repeat;
}
body.hdpi #friends #requests li.friend_request .image {
  background-image: url(images/icon.user.male.hdpi.png);
}
body.hdpi #guest_book li.user .feint_score {
  background: url(images/icon.leaf.gray.hdpi.png) no-repeat 66px center;
}
body.hdpi #games #screenshots #thumbnails .thumbnail .movie_play_overlay, body.hdpi #games #screenshots #thumbnails li .movie_play_overlay {
  background: url(images/icon.play.hdpi.png) no-repeat center center;
}
body.hdpi #header {
  background-image: url(images/logo.small.hdpi.png), url(images/header_bg.hdpi.png);
}
body.hdpi #spotlight #launch_feint .more_arrow {
  background: url(images/spotlight/disclosure.hdpi.png) center no-repeat;
}
body.hdpi #intro #header {
  background-image: url(images/logo.hdpi.png), url(images/header_bg.hdpi.png);
}
body.hdpi .tz_middle dd.center li .img {
  background: url(images/icon.user.male.hdpi.png) no-repeat;
}
body.hdpi #guest_book li.user .image {
  background-image: url(images/icon.user.male.hdpi.png);
}
body.hdpi #user_profile ul.cells li#achievements .icon {
  background-image: url(images/icon.achievement.hdpi.png);
}
body.hdpi #leaderboards ul.cells .high_score_blob_icon .icon, body.hdpi #leaderboard ul.cells .high_score_blob_icon .icon, body.hdpi #challenge ul.cells .high_score_blob_icon .icon {
  background: url(images/replay.hdpi.png) no-repeat !important;
}
body.hdpi #leaderboards ul.cells li .icon, body.hdpi #leaderboard ul.cells li .icon, body.hdpi #challenge ul.cells li .icon {
  background-image: url(images/icon.leaderboard.hdpi.png);
}
body.hdpi #achievements ul.cells li .icon .overlay {
  background: url(images/frame.small.hdpi.png) no-repeat;
}
body.hdpi .inset_cell .image .overlay {
  background: url(images/frame.small.hdpi.png) no-repeat;
}
body.hdpi #user_profile #info_cell .loading .spinner {
  background-image: url(images/loading.spinner.light.hdpi.png);
}
body.hdpi #friends li.user .image .overlay {
  background: url(images/frame.small.hdpi.png) no-repeat;
}
body.hdpi #friends #find_friends .icon {
  background: url(images/icon.search.hdpi.png) no-repeat;
}
body.hdpi #intro .features .feature_row #games .icon {
  background-image: url(images/intro.games.hdpi.png);
}
body.hdpi #user_profile #info_cell .user_score {
  background: url(images/icon.leaf.white.hdpi.png) no-repeat 92px center;
}
body.hdpi #footer {
  background: url(images/footer_logo.hdpi.png) 96% bottom no-repeat;
}
body.hdpi #achievements ul.cells li.locked .icon {
  background-image: url(images/icon.achievement.locked.hdpi.png);
}
body.hdpi #user_profile ul.cells li#guests .icon {
  background-image: url(images/icon.Dialog.hdpi.png);
}
body.hdpi #spotlight #game_details #share_banner {
  background: url(images/games.share.hdpi.png) no-repeat top left;
}
body.hdpi .inset_cell .feint_score {
  background: url(images/icon.leaf.gray.hdpi.png) no-repeat 66px center;
}
body.hdpi .footer_menu .footer_tabs {
  background: url(images/footermenu_bg.hdpi.jpg) repeat-x;
}
body.hdpi .button.default.touched {
  -webkit-border-image: url(images/button.green.hit.hdpi.png) 0 15 stretch stretch;
}
body.hdpi .inset_cell .image {
  background-image: url(images/icon.user.male.hdpi.png);
}
body.hdpi #intro .features .feature_row #friends .icon {
  background-image: url(images/intro.friends.hdpi.png);
}
body.hdpi table tr.title {
  background: url(images/header_bg.hdpi.png) repeat-x;
}
body.hdpi #spotlight #game_details #thumbnails .youtube {
  background: url(images/icon.play.hdpi.png) no-repeat center center;
}
body.hdpi #user_profile ul.cells li#setting .icon {
  background-image: url(images/icon.personalsetting.hdpi.png);
}
body.hdpi .button.default {
  -webkit-border-image: url(images/button.green.hdpi.png) 0 15 stretch stretch;
}
body.hdpi #user_profile #info_cell .avatar {
  background: white url(images/icon.user.male.large.hdpi.png) no-repeat;
}
body.hdpi #user_profile ul.cells li#games .icon {
  background-image: url(images/icon.game.hdpi.png);
}
body.hdpi .footer_menu .footer_tabs .footer_tab.active .right_bar {
  background: url(images/fm_current_rightbar.hdpi.jpg) no-repeat;
}
body.hdpi .loading .spinner {
  background: url(images/loading.spinner.hdpi.png) no-repeat center center;
}
body.hdpi #games ul.cells li .icon {
  background-image: url(images/icon.game.hdpi.png);
}
body.hdpi #spotlight header.feint_spotlight, body.hdpi #spotlight .header.feint_spotlight {
  background-image: url(images/circles.hdpi.png);
}
body.hdpi .tz_challengeinfo dd.left .avatar .img {
  background: url(images/icon.user.male.hdpi.png) no-repeat;
}
body.hdpi .footer_menu .footer_tabs .footer_tab.active {
  background: url(images/footermenu_bg_current.hdpi.jpg) no-repeat;
}
body.hdpi .section_title, body.hdpi ul.cells li.section_title {
  background: url(images/title_bg.hdpi.png) repeat-x left top;
}
body.hdpi #spotlight .special_msg .more_arrow {
  background: url(images/spotlight/disclosure.hdpi.png) center no-repeat;
}
body.hdpi .tz_results .avatar .img {
  background: url(images/intro.leaderboards.hdpi.png) no-repeat;
}
body.hdpi #friends li.user .avatar {
  background: url(images/icon.user.male.hdpi.png);
}
body.hdpi ul.tabs li.touched {
  background: url(images/tab.divider.hdpi.png) no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(0.73, #c5c5c5), color-stop(1, #d2d2d2));
}
body.hdpi #user_profile #header .loading .spinner {
  background: url(images/loading.spinner.hdpi.png) no-repeat;
}
body.hdpi #spotlight #spotlight_home .leaf {
  background: url(images/spotlight/icon.spotlight.hdpi.png) no-repeat;
}
body.hdpi.android #user_profile #info_cell .avatar .overlay {
  -webkit-border-image: url(images/frame.profile.hdpi.png) 21 21 stretch stretch;
}
body.hdpi #spotlight header.feint_spotlight .home_h1, body.hdpi #spotlight .header.feint_spotlight .home_h1 {
  background: url(images/feint_spotlight.hdpi.png) no-repeat;
}
body.hdpi #intro .inset_cell.user .avatar {
  background-image: url(images/icon.user.male.hdpi.png);
}
body.hdpi #intro .features .feature_row #achievements .icon {
  background-image: url(images/intro.achievements.hdpi.png);
}
body.hdpi #user_profile ul.cells li#friends .icon {
  background-image: url(images/icon.friends.hdpi.png);
}
body.hdpi .footer_menu .footer_tabs .footer_tab.active .game_tab {
  background: url(images/game_intro_current.hdpi.jpg) top center no-repeat;
}
body.hdpi .footer_menu .footer_tabs .footer_tab.active .user_tab {
  background: url(images/my_space_current.hdpi.jpg) top center no-repeat;
}
body.hdpi #settings ul#settings_list.cells #subscribe span {
  background: url(images/button_check.hdpi.png) no-repeat;
}
body.hdpi #friends li#search_cell form .input_field .button .icon {
  background: url(images/icon.search.button.hdpi.png) no-repeat center center;
}
body.hdpi #games ul.cells li#share_banner.icon {
  background: url(images/game.share.hdpi.png) no-repeat top left;
}
body.hdpi ul.cells li .game_cell, body.hdpi .cell .game_cell {
  background: url(images/spotlight/disclosure.hdpi.png) top 8px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(0.2, #f5f5f5), color-stop(1, #f7f7f7));
}
body.hdpi #user_profile ul.cells li#leaderboards .icon {
  background-image: url(images/icon.leaderboard.hdpi.png);
}
body.hdpi #spotlight header.feint_spotlight .hot_h1, body.hdpi #spotlight .header.feint_spotlight .hot_h1 {
  background: url(images/feint_spotlight_hot.hdpi.png) no-repeat;
}
body.hdpi #spotlight article#featured_game .banner .frame, body.hdpi #spotlight .article#featured_game .banner .frame {
  background: url(images/frame.large_feature.hdpi.png) no-repeat top left;
}
body.hdpi #challenge .check span.checked {
  background: url(images/button_checked.hdpi.png) no-repeat;
}
body.hdpi #friends li.user .image {
  background-image: url(images/icon.user.male.hdpi.png);
}
body.hdpi #friends #requests .icon {
  background: url(images/icon.friend.hdpi.png) no-repeat;
}
body.hdpi #spotlight article .banner .frame, body.hdpi #spotlight .article .banner .frame {
  background: url(images/frame.small_feature.hdpi.png) no-repeat top left;
}
body.hdpi #intro #header .loading .spinner {
  background: url(images/loading.spinner.hdpi.png) no-repeat;
}
body.hdpi #leaderboards ul.cells li .tianyi_icon, body.hdpi #leaderboard ul.cells li .tianyi_icon, body.hdpi #challenge ul.cells li .tianyi_icon {
  background-image: url(images/icon.tianyi_leaderboard.hdpi.png);
}
body.hdpi #leaderboards ul.scores li.high_score .icon, body.hdpi #leaderboard ul.scores li.high_score .icon, body.hdpi #challenge ul.scores li.high_score .icon {
  background-image: url(images/icon.user.male.hdpi.png);
}
body.hdpi .contrast_cont dt .player span {
  background: url(images/icon.user.male.hdpi.png) no-repeat;
}
body.hdpi #friends #requests li.friend_request .image .overlay {
  background: url(images/frame.small.hdpi.png) no-repeat;
}
body.hdpi #friends li.user .feint_score {
  background: url(images/icon.leaf.gray.hdpi.png) no-repeat 66px center;
}
body.hdpi #user_profile ul.cells li#challenge .icon {
  background-image: url(images/icon.Challenge.hdpi.png);
}
body.hdpi ul.tabs li {
  background: url(images/tab.divider.hdpi.png) no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.73, #d9d9d9), color-stop(1, #e9e9e9));
}
body.hdpi #spotlight header.feint_spotlight .tegra_h1, body.hdpi #spotlight .header.feint_spotlight .tegra_h1 {
  background: url(images/feint_spotlight_tegra.hdpi.png) no-repeat;
}
body.hdpi #achievements ul.cells li .gamerscore {
  background: url(images/icon.achievement.gamerscore_coin.hdpi.png) no-repeat top right;
}
body.hdpi #challenge .check span {
  background: url(images/button_check.hdpi.png) no-repeat;
}
body.hdpi #guest_book li.user .avatar {
  background: url(images/icon.user.male.hdpi.png);
}
body.hdpi #achievements ul.cells li.unlocked .icon {
  background-image: url(images/icon.achievement.unlocked.hdpi.png);
}
body.hdpi.textured {
  background: #e5e5e5 url(images/space.grid.hdpi.png) repeat;
}
body.hdpi #friends #renren_search .icon {
  background: url(images/icon_renren_large.hdpi.png) no-repeat !important;
}
body.hdpi #spotlight article span.small_button, body.hdpi #spotlight .article span.small_button {
  -webkit-border-image: url(images/button.gray_price.hdpi.png) 0 5 stretch stretch;
}
body.hdpi #shareto #weibo_share .icon {
  background: url(images/icon_weibo_large.hdpi.png) no-repeat !important;
}

/*
 *    2x pixel scale
 */

body.udpi #friends #requests li.friend_request .feint_score {
  background: url(images/icon.leaf.gray.udpi.png) no-repeat 66px center;
}
body.udpi .input_field input[type=text], body.udpi .input_field input[type=password] {
  -webkit-border-image: url(images/input.text.udpi.png) 0 20 stretch stretch;
}
body.udpi #leaderboards ul.scores li.high_score .icon .overlay, body.udpi #leaderboard ul.scores li.high_score .icon .overlay, body.udpi #challenge ul.scores li.high_score .icon .overlay {
  background: url(images/frame.small.udpi.png) no-repeat;
}
body.udpi .tz_start_step2 li .avatarbox .avatar .img {
  background: url(images/icon.user.male.udpi.png) no-repeat;
}
body.udpi #friends #facebook_search .icon {
  background: url(images/icon_weibo_large.udpi.png) no-repeat !important;
}
body.udpi #guest_book li.user .image .overlay {
  background: url(images/frame.small.udpi.png) no-repeat;
}
body.udpi .button.touched {
  -webkit-border-image: url(images/button.gray.hit.udpi.png) 0 20 stretch stretch;
}
body.udpi #shareto #tencent_share .icon {
  background: url(images/icon_tx_large.udpi.png) no-repeat !important;
}
body.udpi .contrast_header .player {
  background: url(images/icon.user.male.udpi.png) no-repeat;
}
body.udpi #friends #rr_friend_count_bar .icon {
  background: url(images/icon_renren_large.udpi.png) no-repeat !important;
}
body.udpi #spotlight header.feint_spotlight .new_h1, body.udpi #spotlight .header.feint_spotlight .new_h1 {
  background: url(images/feint_spotlight_new.udpi.png) no-repeat;
}
body.udpi .button {
  -webkit-border-image: url(images/button.gray.udpi.png) 0 20 stretch stretch;
}
body.udpi ul.tabs li.active .label {
  background: url(images/tab.active_indicator.udpi.png) no-repeat center left;
}
body.udpi #user_profile #header {
  background-image: url(images/logo.udpi.png), url(images/header_bg.udpi.png);
}
body.udpi #user_profile ul.cells li#mobile_activity .icon {
  background-image: url(images/icon.mm.udpi.png);
}
body.udpi .tz_rank dd.left .avatar .img {
  background: url(images/icon.user.male.udpi.png) no-repeat;
}
body.udpi .footer_menu .footer_tabs .footer_tab .game_tab {
  background: url(images/game_intro.udpi.jpg) top center no-repeat;
}
body.udpi .footer_menu .footer_tabs .footer_tab .user_tab {
  background: url(images/my_space.udpi.jpg) top center no-repeat;
}
body.udpi #friends #tencent_search .icon {
  background: url(images/icon_tx_large.udpi.png) no-repeat !important;
}
body.udpi #intro .features .feature_row #leaderboards .icon {
  background-image: url(images/intro.leaderboards.udpi.png);
}
body.udpi #settings ul#settings_list.cells #subscribe span.subscribed {
  background: url(images/button_checked.udpi.png) no-repeat;
}
body.udpi #friends #requests li.friend_request .image {
  background-image: url(images/icon.user.male.udpi.png);
}
body.udpi #guest_book li.user .feint_score {
  background: url(images/icon.leaf.gray.udpi.png) no-repeat 66px center;
}
body.udpi #games #screenshots #thumbnails .thumbnail .movie_play_overlay, body.udpi #games #screenshots #thumbnails li .movie_play_overlay {
  background: url(images/icon.play.udpi.png) no-repeat center center;
}
body.udpi #header {
  background-image: url(images/logo.small.udpi.png), url(images/header_bg.udpi.png);
}
body.udpi #spotlight #launch_feint .more_arrow {
  background: url(images/spotlight/disclosure.udpi.png) center no-repeat;
}
body.udpi #intro #header {
  background-image: url(images/logo.udpi.png), url(images/header_bg.udpi.png);
}
body.udpi .tz_middle dd.center li .img {
  background: url(images/icon.user.male.udpi.png) no-repeat;
}
body.udpi #guest_book li.user .image {
  background-image: url(images/icon.user.male.udpi.png);
}
body.udpi #user_profile ul.cells li#achievements .icon {
  background-image: url(images/icon.achievement.udpi.png);
}
body.udpi #leaderboards ul.cells .high_score_blob_icon .icon, body.udpi #leaderboard ul.cells .high_score_blob_icon .icon, body.udpi #challenge ul.cells .high_score_blob_icon .icon {
  background: url(images/replay.udpi.png) no-repeat !important;
}
body.udpi #leaderboards ul.cells li .icon, body.udpi #leaderboard ul.cells li .icon, body.udpi #challenge ul.cells li .icon {
  background-image: url(images/icon.leaderboard.udpi.png);
}
body.udpi #achievements ul.cells li .icon .overlay {
  background: url(images/frame.small.udpi.png) no-repeat;
}
body.udpi .inset_cell .image .overlay {
  background: url(images/frame.small.udpi.png) no-repeat;
}
body.udpi #user_profile #info_cell .loading .spinner {
  background-image: url(images/loading.spinner.light.udpi.png);
}
body.udpi #friends li.user .image .overlay {
  background: url(images/frame.small.udpi.png) no-repeat;
}
body.udpi #friends #find_friends .icon {
  background: url(images/icon.search.udpi.png) no-repeat;
}
body.udpi #intro .features .feature_row #games .icon {
  background-image: url(images/intro.games.udpi.png);
}
body.udpi #user_profile #info_cell .user_score {
  background: url(images/icon.leaf.white.udpi.png) no-repeat 92px center;
}
body.udpi #footer {
  background: url(images/footer_logo.udpi.png) 96% bottom no-repeat;
}
body.udpi #achievements ul.cells li.locked .icon {
  background-image: url(images/icon.achievement.locked.udpi.png);
}
body.udpi #user_profile ul.cells li#guests .icon {
  background-image: url(images/icon.Dialog.udpi.png);
}
body.udpi #spotlight #game_details #share_banner {
  background: url(images/games.share.udpi.png) no-repeat top left;
}
body.udpi .inset_cell .feint_score {
  background: url(images/icon.leaf.gray.udpi.png) no-repeat 66px center;
}
body.udpi .footer_menu .footer_tabs {
  background: url(images/footermenu_bg.udpi.jpg) repeat-x;
}
body.udpi .button.default.touched {
  -webkit-border-image: url(images/button.green.hit.udpi.png) 0 20 stretch stretch;
}
body.udpi .inset_cell .image {
  background-image: url(images/icon.user.male.udpi.png);
}
body.udpi #intro .features .feature_row #friends .icon {
  background-image: url(images/intro.friends.udpi.png);
}
body.udpi table tr.title {
  background: url(images/header_bg.udpi.png) repeat-x;
}
body.udpi #spotlight #game_details #thumbnails .youtube {
  background: url(images/icon.play.udpi.png) no-repeat center center;
}
body.udpi #user_profile ul.cells li#setting .icon {
  background-image: url(images/icon.personalsetting.udpi.png);
}
body.udpi .button.default {
  -webkit-border-image: url(images/button.green.udpi.png) 0 20 stretch stretch;
}
body.udpi #user_profile #info_cell .avatar {
  background: white url(images/icon.user.male.large.udpi.png) no-repeat;
}
body.udpi #user_profile ul.cells li#games .icon {
  background-image: url(images/icon.game.udpi.png);
}
body.udpi .footer_menu .footer_tabs .footer_tab.active .right_bar {
  background: url(images/fm_current_rightbar.udpi.jpg) no-repeat;
}
body.udpi .loading .spinner {
  background: url(images/loading.spinner.udpi.png) no-repeat center center;
}
body.udpi #games ul.cells li .icon {
  background-image: url(images/icon.game.udpi.png);
}
body.udpi #spotlight header.feint_spotlight, body.udpi #spotlight .header.feint_spotlight {
  background-image: url(images/circles.udpi.png);
}
body.udpi .tz_challengeinfo dd.left .avatar .img {
  background: url(images/icon.user.male.udpi.png) no-repeat;
}
body.udpi .footer_menu .footer_tabs .footer_tab.active {
  background: url(images/footermenu_bg_current.udpi.jpg) no-repeat;
}
body.udpi .section_title, body.udpi ul.cells li.section_title {
  background: url(images/title_bg.udpi.png) repeat-x left top;
}
body.udpi #spotlight .special_msg .more_arrow {
  background: url(images/spotlight/disclosure.udpi.png) center no-repeat;
}
body.udpi .tz_results .avatar .img {
  background: url(images/intro.leaderboards.udpi.png) no-repeat;
}
body.udpi #friends li.user .avatar {
  background: url(images/icon.user.male.udpi.png);
}
body.udpi ul.tabs li.touched {
  background: url(images/tab.divider.udpi.png) no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(0.73, #c5c5c5), color-stop(1, #d2d2d2));
}
body.udpi #user_profile #header .loading .spinner {
  background: url(images/loading.spinner.udpi.png) no-repeat;
}
body.udpi #spotlight #spotlight_home .leaf {
  background: url(images/spotlight/icon.spotlight.udpi.png) no-repeat;
}
body.udpi.android #user_profile #info_cell .avatar .overlay {
  -webkit-border-image: url(images/frame.profile.udpi.png) 28 28 stretch stretch;
}
body.udpi #spotlight header.feint_spotlight .home_h1, body.udpi #spotlight .header.feint_spotlight .home_h1 {
  background: url(images/feint_spotlight.udpi.png) no-repeat;
}
body.udpi #intro .inset_cell.user .avatar {
  background-image: url(images/icon.user.male.udpi.png);
}
body.udpi #intro .features .feature_row #achievements .icon {
  background-image: url(images/intro.achievements.udpi.png);
}
body.udpi #user_profile ul.cells li#friends .icon {
  background-image: url(images/icon.friends.udpi.png);
}
body.udpi .footer_menu .footer_tabs .footer_tab.active .game_tab {
  background: url(images/game_intro_current.udpi.jpg) top center no-repeat;
}
body.udpi .footer_menu .footer_tabs .footer_tab.active .user_tab {
  background: url(images/my_space_current.udpi.jpg) top center no-repeat;
}
body.udpi #settings ul#settings_list.cells #subscribe span {
  background: url(images/button_check.udpi.png) no-repeat;
}
body.udpi #friends li#search_cell form .input_field .button .icon {
  background: url(images/icon.search.button.udpi.png) no-repeat center center;
}
body.udpi #games ul.cells li#share_banner.icon {
  background: url(images/game.share.udpi.png) no-repeat top left;
}
body.udpi ul.cells li .game_cell, body.udpi .cell .game_cell {
  background: url(images/spotlight/disclosure.udpi.png) top 8px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, #ececec), color-stop(0.2, #f5f5f5), color-stop(1, #f7f7f7));
}
body.udpi #user_profile ul.cells li#leaderboards .icon {
  background-image: url(images/icon.leaderboard.udpi.png);
}
body.udpi #spotlight header.feint_spotlight .hot_h1, body.udpi #spotlight .header.feint_spotlight .hot_h1 {
  background: url(images/feint_spotlight_hot.udpi.png) no-repeat;
}
body.udpi #spotlight article#featured_game .banner .frame, body.udpi #spotlight .article#featured_game .banner .frame {
  background: url(images/frame.large_feature.udpi.png) no-repeat top left;
}
body.udpi #challenge .check span.checked {
  background: url(images/button_checked.udpi.png) no-repeat;
}
body.udpi #friends li.user .image {
  background-image: url(images/icon.user.male.udpi.png);
}
body.udpi #friends #requests .icon {
  background: url(images/icon.friend.udpi.png) no-repeat;
}
body.udpi #spotlight article .banner .frame, body.udpi #spotlight .article .banner .frame {
  background: url(images/frame.small_feature.udpi.png) no-repeat top left;
}
body.udpi #intro #header .loading .spinner {
  background: url(images/loading.spinner.udpi.png) no-repeat;
}
body.udpi #leaderboards ul.cells li .tianyi_icon, body.udpi #leaderboard ul.cells li .tianyi_icon, body.udpi #challenge ul.cells li .tianyi_icon {
  background-image: url(images/icon.tianyi_leaderboard.udpi.png);
}
body.udpi #leaderboards ul.scores li.high_score .icon, body.udpi #leaderboard ul.scores li.high_score .icon, body.udpi #challenge ul.scores li.high_score .icon {
  background-image: url(images/icon.user.male.udpi.png);
}
body.udpi .contrast_cont dt .player span {
  background: url(images/icon.user.male.udpi.png) no-repeat;
}
body.udpi #friends #requests li.friend_request .image .overlay {
  background: url(images/frame.small.udpi.png) no-repeat;
}
body.udpi #friends li.user .feint_score {
  background: url(images/icon.leaf.gray.udpi.png) no-repeat 66px center;
}
body.udpi #user_profile ul.cells li#challenge .icon {
  background-image: url(images/icon.Challenge.udpi.png);
}
body.udpi ul.tabs li {
  background: url(images/tab.divider.udpi.png) no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.73, #d9d9d9), color-stop(1, #e9e9e9));
}
body.udpi #spotlight header.feint_spotlight .tegra_h1, body.udpi #spotlight .header.feint_spotlight .tegra_h1 {
  background: url(images/feint_spotlight_tegra.udpi.png) no-repeat;
}
body.udpi #achievements ul.cells li .gamerscore {
  background: url(images/icon.achievement.gamerscore_coin.udpi.png) no-repeat top right;
}
body.udpi #challenge .check span {
  background: url(images/button_check.udpi.png) no-repeat;
}
body.udpi #guest_book li.user .avatar {
  background: url(images/icon.user.male.udpi.png);
}
body.udpi #achievements ul.cells li.unlocked .icon {
  background-image: url(images/icon.achievement.unlocked.udpi.png);
}
body.udpi.textured {
  background: #e5e5e5 url(images/space.grid.udpi.png) repeat;
}
body.udpi #friends #renren_search .icon {
  background: url(images/icon_renren_large.udpi.png) no-repeat !important;
}
body.udpi #spotlight article span.small_button, body.udpi #spotlight .article span.small_button {
  -webkit-border-image: url(images/button.gray_price.udpi.png) 0 6 stretch stretch;
}
body.udpi #shareto #weibo_share .icon {
  background: url(images/icon_weibo_large.udpi.png) no-repeat !important;
}